Question

我创建了一组动态复选框，我需要的是当我选中一个复选框时，如果已经选中了复选框的其余部分则需要取消选中。我创建了一个JS小提琴，请检查它

我的代码

$.ajax({
              type: "POST",
              contentType: 'application/json;charset=utf-8',
              dataType:'json',
              url : 'getAllRequisitionIds',
              data : JSON.stringify(),
              success : function(data) {
                     // alert("success");
                      if(data!=''){
                        $.each(data, function(i, item) {

 tr = $('<tr/>');
 tr.append($("<td />").html('<input type="checkbox" id="reqid'+i+'" class="reqid" value='+item+'>'));
 tr.append("<td>" + item + "</td>");


                           $('#table_load').append(tr);
                        });


              });

Answer 1

您可以使用委派的更改事件处理程序来执行此操作

//register a change handler for the checkboxes with class reqid
$('#table_load').on('change', '.reqid', function () {
    if (this.checked) {
        //select all elements with class reqid except current one and uncheck them
        $('.reqid').not(this).prop('checked', false)
    }
})

当该组中的一个文本框将检查时，取消选中一组复选框

1 个答案: