2015-11-17 48 views
0

我有一个复选框如下。如何获取jquery复选框的检查状态

<input id='showDeletedQuestionsId' name='showDeletedQuestions' type='checkbox' style='margin-right: 3px' />"" 

我想知道它是否在jquery中检查。代码是:

var showDeletedCheckbox = $('#showDeletedQuestions').is(':checked'); 

但是,我注意到,即使复选框被选中,它总是返回false。我想知道如何获得jquery中的检查状态。

+0

你能显示完整的代码吗? – guradio

+0

哪个代码? jQuery的? – user585440

+0

yes因为你的代码应该正常工作 – guradio

回答

4
<input id='showDeletedQuestionsId' name='showDeletedQuestions' type='checkbox' style='margin-right: 3px' /> 

JS

var showDeletedCheckbox = $('#showDeletedQuestions').is(':checked'); 

你的ID不匹配它们匹配,也将努力

$('#showDeletedQuestionsId').change(function() { 
    var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked'); 

    if (showDeletedCheckbox) { 
     alert('checked') 
    } else { 
     alert('not checked') 
    } 
}) 

demo

+0

我只是表明他的代码工作正常,问题是他的id不匹配 – guradio

3

您没有使用正确的ID,showDeletedQuestionsId定义和showDeletedQuestions用于

使用

var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked'); 

作为替代,您可以使用.prop()

var showDeletedCheckbox = $('#showDeletedQuestionsId').prop('checked'); 
1

中有一个错误的码。 “#”选择器仅用于Id字段。但是您在选择中使用了“名称”属性。修改代码如下,它会运行

var showDeletedCheckbox = $('#showDeletedQuestionsId').is(':checked'); 

仅供参考检查this link

相关问题