JQuery 多属性选择节点

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" onclick="first()" value="提交"/>
28 </body>
29 </html>

 

posted @ 2016-05-19 20:34  Fury_Fox  阅读(224)  评论(0)  编辑  收藏  举报