jquery实现 多选框传值 （用到了 选择触发事件，1、遍历所选 2、不刷新改变地址。 传参）

最新推荐文章于 2022-08-03 18:34:23 发布
最新推荐文章于 2022-08-03 18:34:23 发布
阅读量1.7k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A9925/article/details/47832967
版权



HTML

  <form method="get"  id="myform" action="__URL__/{$from_url}" >
        <input type="hidden" id="action" name="action" value=""/>
        用户名:<input type="text" name="uname" value="{$search.uname}" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        真实名称:<input type="text" name="real_name"  value="{$search.real_name}"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        注册时间:<input οnclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true});" name="s_reg_time_start" id="start_time" class="input Wdate" type="text" value="<notempty name='search.reg_time_start'>{$search.reg_time_start|date='Y-m-d H:i:s',###} </notempty>">
        &nbsp;至&nbsp;
        <input οnclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true});" name="s_reg_time_end" id="start_time" class="input Wdate" type="text" value="<notempty name='search.reg_time_end'>{$search.reg_time_end|date='Y-m-d H:i:s',###} </notempty>">
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- <a class="btn_a" href="__APP__/admin/members/change_service/id/{$vo.id}" οnclick="change_service()"><span>重新分配</span></a> -->
<div id="div2"  class="btn_a" οnclick="change_service();select_status()" ><span>重新分配</span></a></div>
        <br/>
        投资次数:<input type="text" name="sum_invest_times_start" value="{$search.sum_invest_times_start}"  />&nbsp;至&nbsp;<input type="text" name="sum_invest_times_end"  value="{$search.sum_invest_times_end}"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        累计投资:<input type="text" name="sum_invest_money_start"  value="{$search.sum_invest_money_start}"/>&nbsp;至&nbsp;<input type="text" name="sum_invest_money_end"   value="{$search.sum_invest_money_end}"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        累计充值:<input type="text" name="charge_money_start"   value="{$search.charge_money_start}"/>&nbsp;至&nbsp;<input type="text" name="charge_money_end"   value="{$search.charge_money_end}"/>
        <br/>
        累计提现:<input type="text" name="sum_out_money_start"  value="{$search.sum_out_money_start}"/>&nbsp;至&nbsp;<input type="text" name="sum_out_money_end"  value="{$search.sum_out_money_end}"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        可用余额:<input type="text" name="account_money_start"  value="{$search.account_money_start}"/>&nbsp;至&nbsp;<input type="text" name="account_money_end"  value="{$search.account_money_end}"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        所属客服:
        <select name="service_id" >
            <option value="0">请选择</option>
            <volist name="kf" id="vo">
                <option value="{$vo.service_id}" <?php if(!empty($search['service_id']) && $search['service_id']==$vo['service_id'] ){ ?> selected <?php }?> >{$vo.true_name}</option>
            </volist>
        </select>&nbsp;&nbsp;&nbsp;&nbsp;
        实名认证：
         <select name="id_status" >
            <option value="-1">请选择</option>
            <option value="1" <eq name='search.id_status' value='1'>selected</eq> >是</option>
            <option value="0" <eq name='search.id_status' value='0'>selected</eq> >否</option>
        </select>&nbsp;&nbsp;&nbsp;&nbsp;
        <a class="btn_a" href="javascript:;" οnclick="$('#myform').submit();$('#action').val('');"><span>查询</span></a>
        <a class="btn_a" href="javascript:;" οnclick="$('#action').val('export');$('#myform').submit();$('#action').val('');"><span>导出</span></a>
    </form>

    
  </div>
<!--/搜索/筛选会员-->
  <div class="list">
  <table id="area_list" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th style="width:30px;">
        <input type="checkbox" id="checkbox_handle" οnclick="checkAll(this)" value="0">
        <label for="checkbox"></label>
    </th>
    <th class="line_l" rowspan="2">ID</th>
    <th class="line_l" rowspan="2">用户名</th>
    <th class="line_l" rowspan="2">姓名</th>
    <th class="line_l" rowspan="2">性别</th>
    <th class="line_l" rowspan="2">年龄</th>
    <th class="line_l" rowspan="2">手机</th>
    
    <th class="line_l" rowspan="2">投资次数</th>
    <th class="line_l" rowspan="2">累计投资金额</th>
    <th class="line_l" rowspan="2">累计充值金额</th>
    <th class="line_l" rowspan="2">累计提现金额</th>
    <th class="line_l" rowspan="2">可用余额</th>
    

    <th class="line_l" rowspan="2">注册时间</th>
    
    <th class="line_l" rowspan="2">实名认证</th>
    <th class="line_l" rowspan="2">所属客服</th>
    <th class="line_l" rowspan="2">来源</th>
    <th class="line_l" rowspan="2">推广来源</th>
    
    <th class="line_l" rowspan="2">真实地址</th>
    
    <th class="line_l" rowspan="2">操作</th>
  </tr>
  <tr>
<!--    <th class="line_l">提现</th>
    <th class="line_l">利息</th>
    <th class="line_l">奖金</th>-->
  </tr>
  <volist id="vo" name="list">
  <tr overstyle='on' id="list_{$vo.id}">
  <td><input type="checkbox" name="checkbox" id="checkbox2" οnclick="checkon(this);change_service()" value="{$vo.id}"></td>
    <td>{$vo.id}</td>
    <td>{$vo.user_name|default="-"}</td>
    <td>{$vo.real_name|default="-"}</td>
    <td>
        <eq name="vo[id_status]" value='0'>-</eq>
        <eq name="vo[id_status]" value='1'>
        <switch name="vo.sex">
            <case value="1">男</case>
            <case value="2">女</case>
            <case value="0">女</case>
            <default />-
            </switch>
        </eq>
    </td>
    <td>
        <eq name="vo[id_status]" value='0'></eq>
        <eq name="vo[id_status]" value='1'>
        <php>if($vo['age'] != 0){</php>{$vo.age|default='0'}<php>}</php>
        </eq>
    </td>
    <td>{$vo.user_phone}</td>
    <td>{$vo.sum_invest_times|default="0"}</td>
    <td>￥{$vo.sum_invest_money|default="0.00"}</td>
    <td>￥{$vo.charge_money|default="0.00"}</td>
    <td>￥{$vo.sum_withdraw|default="0.00"}</td>
    <td>￥{$vo.kyxjje|default="0.00"}</td>
    <td>{$vo.reg_time|date="Y-m-d H:i",###}</td>
    
    <td><eq name="vo[id_status]" value='0'>否</eq><eq name="vo[id_status]" value='1'>是</eq></td>
    <td>{$vo.s_name}-{$vo.true_name}</td>
    <td>
          <switch name="vo.inviter_type">
            <case value="0">
                <switch name="vo.reg_source">
                    <case value="IOS">IOS注册</case>
                    <case value="Android">Android注册</case>
                    <case value="H5">H5注册</case>
                   <default />网站注册
                </switch>
            </case>
            <case value="1">会员[{$vo.inviter_name}]邀请</case>
            <case value="2">客服[{$vo.inviter_name}]邀请</case>
            <default />-
          </switch>
    </td>
    <td>{$vo.promotion|default="-"}</td>
    <td>{$vo.reg_area|default="-"}</td>
    <td>
    <php>if( ($_SESSION['admintype'] == 4) && (empty($vo['s_name'])) && (!empty($vo['user_phone'])) && ($vo['inviter_type'] != 2) ){</php>
        <a href="__URL__/allot/id/{$vo.id}/p/{$p}">分配客服</a>&nbsp;&nbsp;
    <php>}elseif(!empty($vo['user_phone'])){</php>
        <a href="__URL__/send_note/id/{$vo.id}">发送短信</a>&nbsp;&nbsp;
    <php>}</php>
        <a href="__URL__/edit/id/{$vo.id}">修改资料</a>&nbsp;&nbsp;
        <a href="__APP__/admin/adjust/trim_money/id/{$vo.id}">调整金额</a>&nbsp;&nbsp;
        <a href="__APP__/admin/members/change_service/id/{$vo.id}">重新分配</a>
    </td>
   
  </tr>
</volist>
  </table>

  </div>

  <div class="Toolbar_inbox" style="height: 26px;">
  <div style="float:right;">
      <form action="__URL__/{$from_url}" method='get'>
      跳转到第<input type='text' style='width:30px;' name="p" value="{$p}">页
      <input type="submit" value="跳转">
      </form>
  </div>
      <div class="page right">{$pagebar}</div>
  </div>
</div>
<script type="text/javascript">
function showurl(url,Title){
    ui.box.load(url, {title:Title});
}

function select_status(){
     var idstr="";
     $("input[name='checkbox']:checkbox").each(function(){ 
         if($(this).attr("checked")){
             idstr += $(this).val()+","
         }
     })
      if(idstr == ''){
         alert('请选择会员！');         
      }
     }
function change_service(){
     var idstr="";
     $("input[name='checkbox']:checkbox").each(function(){ 
         if($(this).attr("checked")){
             idstr += $(this).val()+","
         }
     })
     
     //alert(idstr);
     
     if(idstr == ''){
         //alert('请选择会员！');
         var hre = "<div id='div2'   οnclick='change_service()' ><span>重新分配</span></a></div>"
         $("#div2").html(hre);
     }else{
     
        idstr = (idstr.substr(0,idstr.length-1)); 
        
        
        var hre = "<a  href="+"__APP__/admin/members/change_service/"+idstr+">"+"<span>重新分配</span>"+"</a>";
        //alert(hre);
        
        $("#div2").html(hre);
         //$.ajax ({
            //    url: "__APP__/admin/members/change_service",
                //type: "post",
                //dataType: "json",
                //data: {"id":str},
                //success:function(data){

                    //}

                //});
                
        
         }
     
   
}
</script>


HTML2  （中间多一层页面，可省略，只为传值，和再拼凑其他值）

<div class="page_tit">客户重新分配</div>

<div class="form2">
    <form method="post" action="__URL__/do_change_service" οnsubmit="return subcheck();">
<div id="tab_1">
    <dl class="lineD"><dt>新分配客服：</dt>
        <dd>
            <select class="c_select" id="service_id" name="service_id">
                <option value="0">请选择...</option>
                <volist key="k" name="service" id="vo">
                    <option value="{$vo.service_id}"<if condition="$data[service_id] eq $vo[service_id]">selected</if>>{$vo.user_name}-{$vo.true_name}</option>
                </volist>
            </select>
            <input type="hidden" name="id" value="{$id}">   //单选
			<input type="hidden" name="ids" value="{$ids}">   //多选
            <span class="tip" id="tip_team_id">*</span>
        </dd>
    </dl>
</div>
    <div class="page_btm">
      <input type="submit" class="btn_b" value="确定" />
    </div>
    </form>
</div>

PHP

    public function do_change_service(){
    	
    	if(!empty($_POST)){
			
			if(empty($_POST['ids'])){
				$id = $_POST['id'];				
				$service_id = $_POST['service_id'];
				$data['service_id'] = $service_id;
				$data['inviter_type'] = 0;
				$update = M('members')->where("id = $id")->save($data);
			}else{
				$id = $_POST['ids'];  //explode(',',$_POST['ids']);
				
				
				$service_id = $_POST['service_id'];
				$data['service_id'] = $service_id;
				$data['inviter_type'] = 0;
				$update = M('members')->where("id in ($id)")->save($data);  //in的运用
				
				//var_dump( M('members')->getlastsql());  //$id
				//die();
				
				
			}
		    if($update){
				$this->success('修改成功！','/Admin/members/custom_search');
		    }else{
					$this->error('修改失败，请重试！','/Admin/members/custom_search');
				}
    	}else{
    		$this->error('请提交正确数据！','/Admin/finance/adduser');
    	}
    	
    }


蜗牛慢慢向上爬
关注
专栏目录
2023年前端面试汇总-React
越陌度阡
06-29 825
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
----- 前端面试题 -----
weixin_53170812的博客
07-30 615
HTML5新增的元素 首先html5为了更好的实践web语义化，增加了header，footer，nav,aside,section等语义化标签，在表单方面，为了增强表单，为input增加了color，emial,data ,range等类型，在存储方面，提供了sessionStorage，localStorage,和离线存储，通过这些存储方式方便数据在客户端的存储和获取，在多媒体方面规定了音频和视频元素audio和vedio，另外还有地理定位，canvas画布，拖放，多线程编程的web worker和w
JS-jquery ajax序列化表单多选框传值
挂件
12-04 2201
<input type="checkbox" name="student" value="1" data-age="18" /> <input type="checkbox" name="student" value="2" data-age="19" /> <input type="checkbox" name="student" value="...
jQuery ajax多个checkbox选中值的传递
cdcdhj的博客
01-07 395
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <form> <p&g
checkbox 多选传值
Neil He 的专栏
05-22 1491
    function manageSubmit(){        var ChkEls=document.getElementsByName("checkid");        var checkedIds="";        for(var i=0;i        if(ChkEls.item(i).type != "checkbox")continue;        var oE
jQuery实现checkbox多选，单选与数据库交互传值，赋值整理
灵活大胖子HDG 的博客
01-09 5227
获取被选中的CheckBox值传入数据库，反之，从数据库获取值让对应的CheckBox被选中 &amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;form-group&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;label class=&amp;amp;amp;quot;col-sm-3 control-label&amp;a
多选框向后台传值，多选框的回显，对多选框的各种操作
热门推荐
liuqiangrxt的博客
04-27 3万+
1.多选框的回显： js：$(     function(){     var checkBoxAll =$("input[name^='checkbox_']");//获取前缀为checkbox_的所有多选框对象     var checkArray=${list};//获取多选框需要回显得对应的值集合     console.info("checkArray=",checkArray
1+X证书web前端开发（中级）部分习题整理（题源来自奥鹏教育）
qq_49228887的博客
08-25 9866
目录MySQL数据库基础与应用PHP技术与应用WEB前后端数据交互技术响应开发技术 MySQL数据库基础与应用 1.【单选题】下列哪个是MySQL的配置文件（B） (8分) A COPYING B my-default.ini C README D bin 2. 【单选题】以下哪项不是mysql的特点（D） (8分) A Mysql是开源的 B使用方便 C功能全面 D MySQL是非关系型数据库 3. 【单选题】MySQL的密码在下边哪个文件中可以找到（C） (8分)
笔记,前端重点 js,es6,vue2,vue3,小程序...... (记得收藏)
qq_61686552的博客
06-16 806
前端 重点，重点，重点
vue2 vue3 js es6 html css 知识点
weixin_71783532的博客
08-03 1025
生命周期函数 又叫钩子函数 是到了某一个时间点会自动触发 我们讨论的是 vue 实例的钩子函数 从 vue 实例创建到销毁的过程中 到了一定的时间节点就会触发是 ECMAScript 的第六个版本 在 es5 的基础上新增加了一些语法 js 分成三部分 dom（文档对象模型） bom（浏览器对象模型） ECMAScript（js 语法）1.JavaScript（以下简称 js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）；...
JQ序列化表单使之方便传参
QinYHJ的博客
12-28 154
具体实现及调用方式： //form serialize $.fn.serializeJson = function () { var serializeObj = {}; var array = $(this).find("input[type!='checkbox']").serializeArray(); //if checkbox set 1/0 $(this).find("input
jquery遍历复选框CheckBox 并传递到后台
oook
06-29 3634
&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;&lt;form&gt; &lt;p&gt;&lt;input type="checkbox"  id="1" value="1111111"/&gt;选项1&lt;/p&gt; &am
基于jquery+ajax实现的多选框
ihambert的专栏
04-16 1626
在网上找了一下基于jquery+ajax实现的多选框，似乎很难找到，于是我参考了一下人才网上的多选框控件，自己改造下，做了个通用的多选框，欢迎大家指正。 (function ($) { //弹出层 $.openLayer = function (p) { var param = $.extend({ returnValue: "",
关于复选框多重值传到后台的问题
Phil Jing
09-16 331
最近遇到一个form表单提交需要将选中的checkbox的id和name一起传到后台，但是EL表达式不能用+号直接拼接字符，好难受，所以用了这个方法。今天发现直接用httpReq.getParameterValues()无法获取到，原因就是form表单的数据没有做bean的接收，所以想到用隐藏域的办法传到后台。项目没有引入jquery，暂且直接用js了。（未采用ajax的原因是页面需要重新跳转）...
jquery实现单选与多选
前端~锋小张
01-04 1万+
前言 相信做前端的小伙伴们，多多少少都会遇到关于单选或者多选的问题，选择框大家也都不会陌生，无非就是radio和chechkbox， 但是input的这两个属性都无法更改默认样式，有时候无法满足Ui设计出的高大上，真逼格的选择框样式，这时候就需要label标签来帮忙了。将label与input绑定一起来实现各种各样的优美选择框。上代码 单选 .choose_r
jq实现列表多选（独立选择）
xianrenqh的博客
09-12 3542
  JavaScript   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ...
Jquery+Ajax实现checkbox多选参数提交
逆袭木头人的博客
01-06 2236
function all_del () {     var selectItem = new Array();     var coupon_id = $("#coupon_id").val();     $("input[name='key']:checked").each(function() {         selectItem.push($(this).val());// 在数
jQuery实现复选框全选与全不选功能详解
总结起来，本文主要讲解了如何使用jQuery处理多选框的全选、全不选功能，并强调了选择器的正确使用。同时，也提醒开发者注意代码的细节和规范性，确保在实际项目中的稳定性和可维护性。在实际应用中，可能还会涉及到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蜗牛慢慢向上爬

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值