JQuery 多属性选择节点

最新推荐文章于 2024-09-16 08:47:17 发布

weixin_30905133

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量101

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/boeing-bick/p/5510027.html

版权

JQuery 1.6.0+以后用prop()代替attr();

多属性选择节点

 $("input[type=checkbox][name='first2'][value='first4']")。

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>Insert title here</title>
 8 <script type="text/javascript" src="js/jquery-2.2.3.js"></script>
 9 
10 <script type="text/javascript">
11 <!--
12 
13 //-->
14 function first(){
15     var checked = $("input[type=checkbox][name='first2'][value='first4']").prop("checked");
16     if(checked == true){
17         $("input[type=checkbox][name='first2'][value='first4']").prop("checked", false);
18     }else{
19         $("input[type=checkbox][name='first2'][value='first4']").prop("checked", true);
20     }
21 }
22 
23 </script>
24 </head>
25 <body>
26 <input type="checkbox" id="first1" name="first2" title="first3" value="first4"/>
27 <input type="button" id="button" οnclick="first()" value="提交"/>
28 </body>
29 </html>