Question

我有一个像这样的复选框项目：

 $("#userRoleDiv-"+note_id).append(" \n\
    <div><input name='userInput-"+note_id+"' type='checkbox' value='' id= '1' />Instructor</div>\n\
    <div><input name='userInput-"+note_id+"' type='checkbox' value='' id= '2' />Students</div>\n\
 ");

现在，我想检查ID为1和/或2但具有相同名称的复选框，如代码中所示。怎么办呢？

Answer 1

你也可以尝试一下（它很干净）。也不需要使用\n并注意checked:checked（只有一个）

var instructor = $('<input/>', { 'name':'userInput-'+note_id, 'id':1, 'type':'checkbox', 'checked':'checked' });
var students = $('<input/>', { 'name':'userInputs-'+note_id, 'id':2, 'type':'checkbox' });

$("#userRoleDiv-"+note_id).append(
    $('<div/>', {'text':'Instructor'}).prepend(instructor),
    $('<div/>', {'text':'Students'}).prepend(students)
);

DEMO.

Answer 2

将checked属性应用于<input>元素。

此外，您应将输入包装在<label>标签中，以便标签（讲师和学生）可以点击。

$("#userRoleDiv-"+note_id).append("
  <label><input name='userInput-"+note_id+"' type='checkbox' id='1' checked />Instructor</label>
  <label><input name='userInput-"+note_id+"' type='checkbox' id='2' />Students</label>
");

Answer 3

给出一个名字：

var name = 'userInput-1';

选中以下复选框：

var checkboxes = $('input[name=' + name + ']').filter('#1, #2');

然后检查一下：

checkboxes.each(function () { this.checked = true; });

请注意，我没有测试过这个;它可能需要修改才能工作。

如何使用jquery检查某个复选框？

3 个答案: