Jquery 如何实施“;选择全部”;复选框并在HTML中以div显示值? $(函数(){ //它用于selectall,如果未选中,则selectall处于未选中状态 var checkall=$(“#checkall”); 变量框=$('input[type=“checkbox”]”)。不是(checkall); 选中全部。单击(函数(){ box.attr('checked',this.checked); }); 框。更改(函数(){ checkall[0]。checked=this.checked&&box.filter(':checked')。长度===box.length; }); //用于在div id+“checked”中显示选中复选框的值 $(“输入:复选框”)。单击(函数(){ var$checked=$(“#checked”); $checked.html(“”); $('input:checkbox')。每个(函数(索引){ 如果($(this).is(':checked')){ $checked.append('+$('label[for=“'+$(this.attr('id')+'“])).text(); } }); }); });

Jquery 如何实施“;选择全部”;复选框并在HTML中以div显示值? $(函数(){ //它用于selectall,如果未选中,则selectall处于未选中状态 var checkall=$(“#checkall”); 变量框=$('input[type=“checkbox”]”)。不是(checkall); 选中全部。单击(函数(){ box.attr('checked',this.checked); }); 框。更改(函数(){ checkall[0]。checked=this.checked&&box.filter(':checked')。长度===box.length; }); //用于在div id+“checked”中显示选中复选框的值 $(“输入:复选框”)。单击(函数(){ var$checked=$(“#checked”); $checked.html(“”); $('input:checkbox')。每个(函数(索引){ 如果($(this).is(':checked')){ $checked.append('+$('label[for=“'+$(this.attr('id')+'“])).text(); } }); }); });,jquery,css,xhtml,Jquery,Css,Xhtml,你从来没有说过你的问题是什么。。但这段代码应该是您正在寻找的。注意jQuery的.prop()而不是.attr() $(文档).ready(函数(){ //它用于selectall,如果未选中,则selectall处于未选中状态 var checkall=$(“#checkall”); 变量框=$('input[type=“checkbox”]”)。不是(checkall); 选中全部。单击(函数(){ var checked=$(this).is(':checked'); 框。道具(“选中”,

你从来没有说过你的问题是什么。。但这段代码应该是您正在寻找的。注意jQuery的.prop()而不是.attr()

$(文档).ready(函数(){
//它用于selectall,如果未选中,则selectall处于未选中状态
var checkall=$(“#checkall”);
变量框=$('input[type=“checkbox”]”)。不是(checkall);
选中全部。单击(函数(){
var checked=$(this).is(':checked');
框。道具(“选中”,选中);
});
框。更改(函数(){
checkall[0]。checked=this.checked&&box.filter(':checked')。长度===box.length;
});
//用于在div id+“checked”中显示选中复选框的值
$(“输入:复选框”)。单击(函数(){
var$checked=$(“#checked”);
$checked.html(“”);
$('input:checkbox')。每个(函数(索引){
如果($(this).is(':checked')){
$checked.append(“”+$(this.attr('id')+“”);
}
});
});
});

请指定您的问题是什么?还可以尝试向我们展示一些HTML。
$(function () {
    //it is use for selectall and if any not checked so selectall is unchecked 
    var checkall = $('#checkall');
    var boxes = $('input[type="checkbox"]').not(checkall);

    checkall.click(function () {
        boxes.attr('checked', this.checked);
    });
    boxes.change(function () {
        checkall[0].checked = this.checked && boxes.filter(':checked').length === boxes.length;
    });

    //this is for show the value of selected checkbox in the div id+"checked"
    $('input:checkbox').click(function () {

        var $checked = $('#checked');
        $checked.html('');

        $('input:checkbox').each(function (index) {
            if ($(this).is(':checked')) {
                $checked.append('<div>' + $('label[for="' + $(this).attr('id') + '"]').text() + '</div>');
            }
        });
    });
});
$(document).ready(function () {
  //it is use for selectall and if any not checked so selectall is unchecked 
  var checkall = $('#checkall');
  var boxes = $('input[type="checkbox"]').not(checkall);

  checkall.click(function () {
    var checked = $(this).is(':checked');
    boxes.prop('checked', checked);
  });

  boxes.change(function () {
    checkall[0].checked = this.checked && boxes.filter(':checked').length === boxes.length;
  });

  //this is for show the value of selected checkbox in the div id+"checked"
  $('input:checkbox').click(function () {

    var $checked = $('#checked');
    $checked.html('');

    $('input:checkbox').each(function (index) {
        if ($(this).is(':checked')) {
            $checked.append('<div>' + $(this).attr('id') + '</div>');
        }
    });
  });
});