选中所有未选中的复选框

Question

我有一列动态创建的复选框。我在 th 的顶部有一个选中所有复选框。我需要选中所有复选框，除了已经选中的复选框。

<input type="checkbox" class="checkAll" />
<input name=""rowBox type="checkbox" class="row checkbox" value="1" checked />
<input name=""rowBox type="checkbox" class="row checkbox" />
<input name=""rowBox type="checkbox" class="row checkbox" />

$('input.checkAll' ).on('click', function(){


$('input[name="name=""rowBox"]' ).prop('checked', this.checked)
  })

这可以检查所有复选框，但会取消选中最初在页面加载时检查的复选框。

Answer 1

为了归档您的问题，我使用了<button>，通常我有一个标记复选框的数组。 “1”表示选中，“0”表示未选中。接下来我证明哪个是“1”并用.prop()我再次检查了它。

HTML

<input type="checkbox" class="checkAll" />
<input name="rowBox" type="checkbox" class="row checkbox" value="ch0" checked />
<input name="rowBox" type="checkbox" value="ch1" class="row checkbox"/>
<input name="rowBox" type="checkbox" value="ch2" class="row checkbox" checked/>
<button id="revert">revert</button>

jQuery

$(document).ready(function(){ 
var sList = "";
$(".checkAll").change(function(){
    $('input[name=rowBox]').each(function () {
        var sThisVal = (this.checked ? "1" : "0");
        sList += (sList=="" ? sThisVal : sThisVal);
    });

    $('input[name="rowBox"]').prop('checked', $(this).prop("checked"));      
});

$("#revert").click(function(){
    for(var i =0; i < sList.replace(",", "").length; i++){ 
      if(sList[i]=="1"){  
        $('input[value="ch'+i+'"]').prop("checked", true)
      }
      else{
        $('input[value="ch'+i+'"]').prop("checked", false)
      }
    }
  });
});

更新

查看jsfiddle