Question

我的页面上有以下复选框

<div class="col-sm-6">
    <label>Product Show</label>
    <input type="checkbox" name="edprodShow" value="1" >Shape<br>
    <input type="checkbox" name="edprodShow" value="2" >Color<br>
    <input type="checkbox" name="edprodShow" value="3" >Design<br>
</div>

我会得到像1或2或3的值（外部，就像在JSON中，我会提取该数据）。我想设置第一个复选框，如果是1和第一个和第二个，如果两个复选框和所有三个，如果我得到3.（即）获得只有1的形状和颜色+形状为2和颜色+形状+设计为3

我尝试了很多来源和方法，但没有找到合适的输出我该怎么办？

编辑：

我试过的代码

 if(split_data[7].toString() === "1"){

                    $('#edprodShow').prop('checked', true);

                    }else if(split_data[7].toString() === "2"){


                    }else if(split_data[7].toString() === "3"){

                        $('#edprodShow').prop('checked', true);
                    }

其中split_data [7]给我1,2或3

Answer 1

试试这个。来自服务器的示例Json

var json = { edprodShow: [1,2,4]};

代码

var checker = function(data){
    $("[name='edprodShow']").attr('checked', false);
    $.each(data.edprodShow, function(i, value){
        $("[name='edprodShow'][value='"+ value +"']").attr('checked', true);
    }

}

调用函数

checker(json);

Answer 2

亲爱的，我得到了解决方案☺

你可以通过javascript执行此操作：

$(document).ready(function(){

var $checkboxes = $('#devel-generate-content-form td input[type="checkbox"]');

$checkboxes.change(function(){
    var countCheckedCheckboxes = $checkboxes.filter(':checked').length;
    // $('#count-checked-checkboxes').text(countCheckedCheckboxes);

    $('#edit-count-checked-checkboxes').val(countCheckedCheckboxes);
})

您可以在此处查看Demo

根据输入检查复选框的数量

2 个答案: