Javascript 根据输入选中复选框的数量
我的页面上有以下复选框Javascript 根据输入选中复选框的数量,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我的页面上有以下复选框 <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> <i
<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>
当split_data[7]给出1、2或3时,我得到了解决方案,亲爱的☺ 您可以通过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);
})
在这里您可以看到试试这个。
来自服务器的Json示例
var json = { edprodShow: [1,2,4]};
代码
调用函数
checker(json);
请显示您尝试过的代码,以便我们能够支持您找到问题和解决方案
var checker = function(data){
$("[name='edprodShow']").attr('checked', false);
$.each(data.edprodShow, function(i, value){
$("[name='edprodShow'][value='"+ value +"']").attr('checked', true);
}
}
checker(json);