js----点击选择,再次点击取消,同时把获取的值传给后台

本文介绍了如何使用JavaScript处理网页上的多选功能,当用户点击选项时将其值添加到隐藏输入框,再次点击则移除该值。通过添加和删除特定样式来标识选中状态,并使用数组操作将选中项转换为字符串,最终通过URL参数传递给后台。
摘要由CSDN通过智能技术生成

        在做网站的时候,经常有这样的功能:多选条件然后传给后台查询数据库,把值返回到前台。这类功能,我主要的解决思路是通过 js 获取点击的内容,放到 隐藏的input 框,然后拼成url 代参 传给后台。

       js部分的主要问题是点击之后选中和再次点击消失,同时隐藏的input的也相应的增加或者删除。

  

        $(".city").click(function(){
        $(this).addClass('c_neirong_on');                    //点击后添加样式
            var v = $(this).attr('value');                           //获取当前元素的值
            var a = $("#checked_city").val();                 //获取隐藏input 框的内容
            var a_arra= a.split(",");                                //字符串转数组
            //console.log(a_arra);
            var allv ;        
            var b = $.inArray(v , a_arra );                   //判断当前的值在数组中是否存在, $.inArray

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值