首页 > 其他 > 详细

checkbox使用总结

时间:2020-07-16 19:26:20      阅读:51      评论:0      收藏:0      [点我收藏+]

每次做复选框的操作的时候都要从网上扒拉,啊啊啊啊,有没有同款记不住的。一般项目用到的都是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);
}
}

 

 

 

checkbox使用总结

原文:https://www.cnblogs.com/missmeng/p/13324223.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!