找回密码
赶紧注册吧

QQ登录

只需一步,快速开始

当前位置: 交友网 > 技能必杀技 > 生活技能分享 >

js 如何实现这样多选的功能

文章地址: http://www.tflove.com/jineng_sh/a22459.html
文章摘要:
依照我说的做代码很简略然而条件是JQUERY常用函数得悉道,代码我写的经由测试的不问题,你可以取舍多个值,而且还实现了一个功能就是,假设用 无限上网这个数据举例,我点击一次后背景变色了当我在点击无限上网这个数据的时候清空方才设置的背景让他恢复成初始状况,获取挑选的值也是这样的,可多选以,号分隔开了(如 无穷上网,可送外卖,)你也能够在选择本人已经选过的数据会把当前选择的值调换成空,在选择又追加上,反复选择统一个数据到达清空跟追加抉择的功效.... 实在用JQUERY是最简单来实现的, js 如何动态添加数
时间:2013-09-20 22:46来源:未知 作者:admin 点击: 次 《js 如何实现这样多选的功能
 依照我说的做代码很简略然而条件是JQUERY常用函数得悉道,代码我写的经由测试的不问题,你可以取舍多个值,而且还实现了一个功能就是,假设用 无限上网这个数据举例,我点击一次后背景变色了当我在点击无限上网这个数据的时候清空方才设置的背景让他恢复成初始状况,获取挑选的值也是这样的,可多选以,号分隔开了(如 无穷上网,可送外卖,)你也能够在选择本人已经选过的数据会把当前选择的值调换成空,在选择又追加上,反复选择统一个数据到达清空跟追加抉择的功效....
实在用JQUERY是最简单来实现的,js 如何动态添加数组,例子如下div中我不晓得你怎么设计你怎么设计都成
页面中代码  <div id="myDIV">
                <a id="a1" name="a1" title="无限上网">无线上网</a>|a id="a2" name="a1" title="可送外卖">可送外卖</a>|<a id="a2" name="a1" title="供应早餐">供给早餐<,jquery如何获得父级的父级元素?;/a>.......等等数据
            </div>
JS代码  <script>
                 $(document).reday(function(){
                    var values="";
                      $("#myDIV").find("a[name='a1']").each(function(){
                           $(this).click(function(){
                            
                               if($(this).css("background")=="")
                               {
                                    //如果是第一次选择某一个标签则修改背景颜色为#F57A3F可自己改
                                    $(this).css("background","#F57A3F");
                                    values+=$(this).attr("title")+",";
                               }else{
       ,ji电子合同与现实合同有什么不同?如何去保证它们的法律效力?;                               //假如是重复选择某一个标签则修正背景色彩为空
                                    $(this).css("background","");
                                    values=values.replace($(this).attr("title")+",","");
         ,Jeff Hardy现在在TNA的战况如何、过的咋样;                      }
                               alert(values);//最后提交到数据库的选择的数据
   ,jeep指南者如何样;                        });
                       });下面是截图
      ,JAZZ要如何跳??;           })</script>
 
 
(责任编辑:admin)
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏0