Question

我有多个复选框。我需要使用Id一次启用复选框。使用以下代码时工作正常

$('#canReadFlag'+index).prop('checked', true);
$('#canShareFlag'+index).prop('checked', true);
$('#canUpdateFlag'+index).prop('checked', true);
$('#canCreateFlag'+index).prop('checked', true);
$('#canDeleteFlag'+index).prop('checked', true);

但是在使用以下代码时它无法正常工作

$('#canReadFlag'+index,'#canShareFlag'+index,'#canUpdateFlag'+index,'#canDeleteFlag'+index,'#canCreateFlag'+index).prop('checked', true);

为了一次启用复选框，我应该使用Id

做什么

Answer 1

尝试将逗号添加到字符串

中

$('#canReadFlag'+index+',#canShareFlag'+index+',#canUpdateFlag'+index+',#canDeleteFlag'+index+',#canCreateFlag'+index).prop('checked', true);

Answer 2

简单的方法是将class分配给您想要获取它的所有相似类型的复选框checked并使用class设置复选框{{1} }}

＆＃13;

checked

＆＃13;

var index = 1;
//use the class selector
$('.cbFlag'+index).prop('checked', true);

＆＃13;

Answer 3

通常复选框用于多个选择而不是你可以使用单选按钮如果你想通过给出相同的名称一次一个选项，在复选框的情况下，你可以做一件事，首先通过documents.getElementByTagName获取变量中的所有复选框然后首先取消选中all，然后通过e.target检查一个复选框。第二件事你可以通过赋予checked属性true和false来做到这一点。在这种情况下，单击任何复选框设置属性false所有复选框除了单击一个。

Answer 4

我也试过切换复选框，

因此，选中任何复选框后，所有其他复选框都会选中和

单击选中的复选框后，取消选中。

它也可能禁用复选框。

＆＃13;

$(document).ready(function() {
  $("input[type=checkbox]").on("click", function(e) {
    var index = 1;
    var status = true;
    $('#canReadFlag' + index + ',#canShareFlag' + index + ',#canUpdateFlag' + index + ',#canDeleteFlag' + index + ',#canCreateFlag' + index).prop('checked', status);

    $('#canReadFlag' + index + ',#canShareFlag' + index + ',#canUpdateFlag' + index + ',#canDeleteFlag' + index + ',#canCreateFlag' + index).prop('disabled', status);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="checkbox" id="canReadFlag1" name="canReadFlag1" value="1">Can read
<input type="checkbox" id="canShareFlag1" name="canShareFlag1" value="1">Can share
<input type="checkbox" id="canUpdateFlag1" name="canUpdateFlag1" value="1">Can update
<input type="checkbox" id="canDeleteFlag1" name="canDeleteFlag1" value="1">Can delete
<input type="checkbox" id="canCreateFlag1" name="canCreateFlag1" value="1">Can create

＆＃13;

希望代码会帮助你。

使用Id启用多个复选框

4 个答案: