zoukankan      html  css  js  c++  java
  • 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);
    }
    }

     

  • 相关阅读:
    [并发编程] 进程、线程
    100. 相同的树
    Python 问题集
    this关键字在函数中的应用
    去除列表右边框
    JS——作用域
    javascript——值传递!!
    null和undefined的区别?
    浏览器内核——四大主流
    http常用状态码
  • 原文地址:https://www.cnblogs.com/missmeng/p/13324223.html
Copyright © 2011-2022 走看看