引用来自“milin”的评论直接用jquery就可以了。 写起来那么麻烦是从以下代码中得来的。
JS、JQUERY实现全选择、逆向选择。 其中，我说：“测试一下吧。 那似乎就是你想要的效果。
水果
苹果
香蕉
柑橘
//将checked=ckAll的当前状态添加到所有. box input元素中；
//prop('checked '，value )，第一个值获取属性，第二个值：设置属性值。 如果prop中只有一个参数，则表示获取元素属性。
$('#ckAll ' ).click(function () ) )。
$ ().boxinput ) ).prop('checked '，$ ) $(this ).prop ) ' checked )；
)；
$'.boxinput'.click(function ) ) ) ) )。
//each便利了各个要素，并执行其函数
$ '.box input '.each (功能) ) ) ) ) )。
if (！ $(this ).prop ) ' checked ' ) }{
$('#ckAll ' ).prop('checked '，false )；
//只要一个不满意就跳出这个周期，避免下一个执行
返回假；
}else{
$('#ckAll ' ).prop('checked '，true )；
}
() )
() )
###### ######未选择的场景应该写为if (吗？ 选择1 input [ I ].checked ) {…}？ 你不要写属性：checked。 # # # # 无论是使用select1Input[i].checked ) {.}还是######
问题：
识别号为“selectAll”的html元素是什么类型？ (type='？ )因为表示那个的变量all中有属性onclick(all.onclick )，所以推测为type='button '。 但是，同时有属性checked。 我想那可能是type='checkbox '。 因此，我认为这应该设置两个要素： type='button '和type='checkbox '。 请告诉我元素' selectAll '是什么类型？ (type='？ 请参阅。 我不太明白这句话。 “如果未选择一个，即使选中了所有框也会被取消的效果”。 全选框是指名为id='selectAll '的元素吗？ “也取消”是指这个全部选择框会消失吗？ 还是checked从true变成了false？ 建议：1.定义方法selectReverse的代码为： varselectreverse=reverse.onclick=function {
for(varI=0； I
select1Input[i].checked=！ 选择1 input [ I ].checked；
}
} 2.用toggle替换变量名reverse。 Toggle使用自定义效果显示或隐藏匹配元素。 在此指定切换检查/不检查(checked:true/false )。 reverse在js中用于反转数组中元素顺序的方法名称： reverse ()，因此此处不适合在其他意义上使用。 我们还发现，jQuery的toggle (方法用于切换元素的可见性状态。 如果“选择并取消所有框”(即所有框都消失)，则toggle是最佳选择。 ######回复@良辰2250刚刚发送：回复。 我可能合你的意。 ######回复@tcxu :所有点选择复选框均可选中。 如果清除其中一个选项，则清除所有选择复选框。 我想让所有选择复选框及其选项们之间有这样的联动效果，谢谢######回复@良辰2250 : 你说“如果没有选择一个，即使所有框都被选中，也会被取消的效果”。 这是什么效果？ “全选”框似乎是一个名为id='selectAll '的元素。 “也取消”是什么意思？ 你是说这个全选择框会消失吗？ 还是说，一旦选中框中的checked为false，所有其他checkbox中的checked都为false？ # # # # #选择1 input [ I ].checked=！ 选择1 input [ I ].checked； 嗯，那样的话，######都是复选框。 全选，逆向选择，各选项。 全选/取消全选js####varselectall=function{
for(varI=0； I
选择1 input [ I ].checked=flag；
}
all.checked=flag；
}
难道是这个意思吗？ #####和上述效果也相同。 ####直接用jquery就可以了。 写起来那么麻烦。 ##### 例如，万一找不到那个代码页，就会有你自己的代码也无法执行的弊端。 我明白你的意图后，我会尝试修改
你的代码。结果发现，不用 JQuery 也会奏效。请测试。 var all = document.getElementById('selectAll');var reverse = document.getElementById('selectReverse');
var select1Input = document.getElementsByName('ability');
var selectAll = function(flag){
for (var i=0; i
select1Input[i].checked = flag;
}
}
for (var i=0;i
select1Input[i].onclick = function(){
all.checked = false;
}
var selectReverse = reverse.onclick = function(){
for (var i=0; i
select1Input[i].checked= !select1Input[i].checked;
}
}
all.onclick = function(){
if (all.checked) {
selectAll(true);
}
if (!all.checked){
selectAll(false);
}
}
######谢谢啦我参考了http://www.cnblogs.com/lk4525/p/6513924.html 里面一个计数器，补充了一点######/* 全选、不选、反选 */
var all = document.getElementById('selectAll');
var reverse = document.getElementById('selectReverse');
var select1Input = document.getElementsByName('ability');
var selectAll = function selectAll(flag) {
for(var i=0; i
select1Input[i].checked = flag;
}
}
for(var i=0; i
select1Input[i].onclick = function() {
//引入计数器
var sum = 0;
for(var j=0; j
if(select1Input[j].checked) {
sum += 1;
if(sum == select1Input.length) {
all.checked = true;
} else {
all.checked = false;
}
}
}
}
}
var selectReverse = reverse.onclick = function(){
for (var i=0; i
select1Input[i].checked= !select1Input[i].checked;
}
}
all.onclick = function() {
if(all.checked) {
selectAll(true);
}
if(!all.checked) {
selectAll(false);
}
} ######$(document).on("click", ".checkAll", function (ev) {
$(this).parents("table").find(".option .checkSingle").prop("checked", $(this).prop("checked"));
});
$(document).on("click", ".checkSingle", function (ev) {
var checked = $(this).parents("table").find(".option .checkSingle:not(:checked)").length == 0;
$(this).parents("table").find(".checkAll").prop("checked", checked);
});######回复 @Tis : 嗯嗯，方法有很多######判断全选框是否应该选中，只要判断 单选框的选中数量 和 总数量是否相等。######为什么写到循环里，直接all.checked=flag不可以？并且你click的时候已经改变all了，为什么还要在selectall里面改变下。还有，全选click里面的if意义在哪？直接selectAll(this.checked)不就好了######测试：点全选，再取消一个选项，再选中，会发现全选框居然不选中了。selectAll(flag)在all.onclick的里面是可以全选，但会存在一个如上的问题。所以引入一个计时器(选中的要和全部数一样)，这时所有复选框都选中了，全选框才会是选中的状态