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

     

  • 相关阅读:
    冲刺第一天(补发)
    进度条05
    npm start问题
    Spring Boot 默认配置无法访问静态资源
    Spring Boot 返回Html界面
    阿里云配置tomcat后不能访问问题
    Spring Boot Web开发中Thymeleaf模板引擎的使用
    tomcat官网改版后下载方式
    Ubuntu16.04进入无限登录状态的解决办法
    Ubuntu16.04安装MySql5.7
  • 原文地址:https://www.cnblogs.com/missmeng/p/13324223.html
Copyright © 2011-2022 走看看