首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
js如何取消事件冒泡_javascript技巧_脚本之家
发布时间:2019-12-29 03:01
浏览次数:

单选按钮以及复选按钮在开发过程中会经常用到,下面我就来通过JQuery操作单选按钮和复选按钮: 单选按钮: 通过JQuery获取单选按钮对象我们总共有三种途径: ①ID:$ ②NAME:$(":input[name='radioName']") ③TYPE:$,可能在有的资料上面写的是:$(""input[@type=radio]""),这个的话跟你的JQuery版本有关系,如果是老版本的话就用后者,新版本就用前者,如果不知道自己的版本到底适合用哪一个的话就挨个试,反正一次尝试就能搞定,而且还能学到知识,何乐而不为呢! 我们都知道,在一组单选按钮当中只能使一个生效,要实现这种效果,很多人可能会认为把ID改为相同的就可,其实,你去尝试一下就会知道,在一组单选按钮中仍然可以选用多个。因为,实现此效果的关键属性不是ID,而是NAME。 介绍完了之后,我们投入到只用当中吧: 我们获取完单选按钮的对象之后,就得对此对象进行遍历,因为,此对象的类型是一个数组,我们要挨个对其进行判断是否被选中,然后再从选中的按钮中取出所需要的值,示例代码如下: 复制代码 代码如下: var itemradio = $; result=""; nums = itemradio.length; for { if{ result = itemradio[i].value+","+itemradio[i].id+";"+result; } } result就是我想获取的值,前面那个value可能大家会看得懂,而后面那个ID有的人可能会犯迷糊。在此,我就进行一下扩展:在JS中所有的对象都可以直接通过“.”来获取属性的值。 js如何取消事件冒泡_javascript技巧_脚本之家。复选框: 关于复选框,我们需要的只是“全选和反选”的效果,使用JQuery的话只要一句话就可以搞定,如下: 复制代码 代码如下: var checkedObj = $('input:checkbox[name="checkbox"]:checked'); var values = ""; checkedObj.each { var value=this.value + ","; values += value; }); 好啦,通过上面的两段代码你就可以操作复选框和单选按钮啦!

JQuery版 复制代码 代码如下: $.ajax({ url : "order/order_orderDetail.do?params.type=merge", type : "post", data : params, success : function; if{ Dialog.popTip; }else{ var myTable=document.getElementById; //遍历"ORDER"节点 $.each{ var id = $.text(); var status = $.text{ status="未确认"; }else{ status="已确认"; } var newRow = myTable.insertRow(); var oCell = newRow.insertCell(); oCell.setAttribute; oCell.innerHTML=" "; oCell = newRow.insertCell(); oCell.innerHTML="*订单"+id+" 的状态为:"+status+",商品情况如下"; oCell = newRow.insertCell(); oCell.innerHTML=" "; oCell = newRow.insertCell(); oCell.innerHTML=" "; //遍历"PRODUCT"节点 $.each{ var pid = $.find; var pname = $.find; var purl = $.find; var pprice = $.text(); var pcount = $.find; newRow = myTable.insertRow(); oCell = newRow.insertCell(); oCell.setAttribute; oCell.innerHTML=pid; oCell = newRow.insertCell(); oCell.innerHTML=""+pname+""; oCell = newRow.insertCell(); oCell.innerHTML="图片 1图片 2" oCell = newRow.insertCell(); oCell.innerHTML=pprice; }); }); } }, error : function; Dialog.popTip; JS版 复制代码 代码如下: if(xmlHttp.readyState ==4){ if{ hide(); var xml = xmlHttp.responseXML; if{ Dialog.popTip; }else{ var myTable=document.getElementById; var orders = xml.getElementsByTagName; for(var i=0;i"+id+" 的状态为:"+status+",商品情况如下"; oCell = newRow.insertCell(); oCell.innerHTML=" "; oCell = newRow.insertCell(); oCell.innerHTML=" "; var products = order.getElementsByTagName; for(var i=0;i"+pname+""; oCell = newRow.insertCell(); oCell.innerHTML="图片 3图片 4" oCell = newRow.insertCell(); oCell.innerHTML=pprice; } } } } }

复制代码 代码如下: function stopBubble { //如果传入了对象,那么就是非IE浏览器,才用W3C标准方法 if (e || e.stopPropagation) { e.stopPropagation(); } else { //才用IE的停止事件冒泡的方法 window.event.CancelBubble = true; } }

复制代码 代码如下:

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有