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);
    }
    }

     

  • 相关阅读:
    nginx解决跨域问题
    SSM整合相关试题
    SSM整合案例--用户登录
    非法用户登录拦截
    SpringMVC拦截器和数据校验
    SpringMVC文件上传
    SpringMVC异常处理
    SpringMVC方法的返回值类型和自动装配
    SpringMVC
    spring和mybatis整合
  • 原文地址:https://www.cnblogs.com/missmeng/p/13324223.html
Copyright © 2011-2022 走看看