【问题标题】:retrieve boolean value of checkbox jquery/html检索复选框 jquery/html 的布尔值
【发布时间】:2015-08-27 12:11:06
【问题描述】:

我有一个正在运行的网络服务器,它有一个页面,其中包含一个带有描述和复选框的表格。我需要的是修改行,因此修改复选框的状态。

但是,当我单击该行打开一个可以编辑值的窗口时,该复选框始终设置为 false,即使它是 true。

这是我的一段不起作用的代码:

if (selected_obj){
                      var markup = [
                          '<div class="confirmOverlay" id="edit_row_overlay">',
                          '<div id="edit_row_box" class="confirmBox">',
                          '<h1>Edit Row</h1>',
                          '<fieldset class="field">',
                          ' <label for="id_name">name:</label>',
                          ' <input type="text" name="name" id="id_name" value='+selected_obj.name+'>',
                          '</fieldset>',
                          '<fieldset class="field">',
                          ' <label for="id_description">description:</label>',
                          ' <input type="text" name="description" id="id_description" value='+selected_obj.description+'>',
                          '</fieldset>',
                          '<fieldset class="field">',
                          ' <label for="jqxcheckboxvalue">value:</label>',
                          ' <input type="checkbox" name="value" id="jqxcheckboxvalue" ' +
                          'value='+($('#jqxcheckboxvalue').is(':checked'))+'>',
                          '</fieldset>',
                          '<fieldset class="field buttons">',
                          '<div id="confirmButtons">',
                          ' <button id="save_add_parameter" class="button blue">${translator("save").title()}</button>',
                          ' <button id="close_add_parameter" class="button gray">${translator("close").title()}</button>',
                          '</div>',
                          '</fieldset>',
                          '</div></div>',
                      ].join('');

如何获取复选框的状态? 谢谢

【问题讨论】:

    标签: jquery html checkbox input


    【解决方案1】:

    您可以使用is():checked

    alert($('#jqxcheckboxvalue').is(':checked'));
    

    【讨论】:

    • 我使用弹出窗口来编辑值,alert() 不允许它,即使我在输入值中使用 is(:checked) 它也没有得到任何东西
    • @Camilla 试试var isChecked = $('#jqxcheckboxvalue').is(':checked'); alert(isChecked)
    【解决方案2】:

    您可以使用:checkedlength 如下:

    if($('#jqxcheckboxvalue:checked').length > 0)
    

    【讨论】:

    • #jqxcheckboxvalue 是唯一的,不需要检查长度
    • 它已经检查了伪类,所以它正在检查checked + id的长度是否大于0,并单独注意id
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-01-09
    • 1970-01-01
    • 2012-06-04
    • 2011-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多