zoukankan      html  css  js  c++  java
  • input框checkBox全选单选js操作,后台取值



    bootstrap 样式代码

    <div class="md-checkbox has-success">
    	<input type="checkbox" id="rlt-chk-all-checkboxBox-work" class="md-check"     name="ult-chk-all-work">
    		<label for="rlt-chk-all-checkboxBox-work">
    		<span class="inc"></span>
    		<span class="check"></span>
    		<span class="box"></span>
    		</label>
    		</div>
    
    //table  tbody中
    
    <c:forEach items="${projectList }" var="item" varStatus="li">
    
        <div class="md-checkbox has-success">
       <input type="checkbox" id="rlt-chk-checkbox${li.count }" class='ult-chk' name='rlt-chk-work' value=" ${item.ID }">
    	<label for="rlt-chk-checkbox${li.count }">
    	<span class="inc"></span>
    	<span class="check"></span>
    	<span class="box"></span>
    	</label>
    	</div>
    
    </c:forEach>

    //全选按钮功能

    	$('[name=ult-chk-all-work]').on('change', function(){
    		$('[name=rlt-chk-work]').prop('checked', $('[name=ult-chk-all-work]').prop('checked'));
    	});

    //按钮执行js逻辑

    $("#button").click(function(){
    var workIds = [];  
        $('[name=rlt-chk-role]:checked').each(function(index, item){  
    workIds.push(item.getAttribute('value'));
    }); 
     $.post("url",{data:workIds.toString()},function(data){
        逻辑处理
    })
    <!--执行的业务逻辑   把value   toString在传入后台   workIds.toString(),然后后台直接split 分割取值就行
        eg: String workIdsString = request.getParameter("workIds");
          String[] roleIds = String.split(",");
    })
    



  • 相关阅读:
    集合的概述
    mysql修改用户名密码
    CentOS7 安装Chrome的方法
    常用sql汇总
    Rabbitmq六大应用模式
    高可用RabbitMQ集群搭建
    docker-compose
    Haystack
    幂等性问题剖析
    用redis构建分布式锁
  • 原文地址:https://www.cnblogs.com/liclBlog/p/15349585.html
Copyright © 2011-2022 走看看