checkbox使用

每次做复选框的操作的时候都要从网上扒拉,啊啊啊啊,有没有同款记不住的。一般项目用到的都是js拼接的input  id需要动态拼接。总结了全选,全不选。以及选择部分时需要向数组添加元素移除元素。

 

function checkAllSim(){ var chekboxValList = [];

if ($("#all_sim_checkbox").is(":checked")) { //is(":checked") 判断是否被选中

$("input[name='sim_checkbox']:checkbox").each(function () {

this.checked = true; //将元素置为选中

chekboxValList.push($(this).val())

});
}else{ $("input[name='sim_checkbox']:checkbox").each(function () { this.checked = false; })}}

2.、部分选 并添加选中元素到数组中

function checkPartSim(indexNo) {
var checkboxId = $("#checkbox_id_"+indexNo);
if (checkboxId.is(':checked')) {
chekboxValList.push(checkboxId.val()); // 选中时添加元素
}else{
for (var i in chekboxValList){
if(chekboxValList[i] == val){
chekboxValList.splice(i,i+1);
}}}
}

3.、根据inputname值循环获取被选中的input

$("input[name='phoneNum_batch']:checked").each(function(i){


})

4、反选某个值 用于默认选中 需要重新将属性改变的情况

function phoneNumSelect_bach(phoneNum){
var checkboxId = $("#"+phoneNum);
if (checkboxId.is(':checked')) {
checkboxId.prop("checked",false);
}else{
checkboxId.prop("checked",true);
}
}

 

 

 

上一篇:jQuery 全选与全不选,反选


下一篇:JS-DOM编程-05-复选框的全选与取消全选