JQuery 多属性选择节点

Posted 2020-07-08

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>

以上是关于JQuery 多属性选择节点的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript课程——Day20（jQuery：使用选择器节点遍历操作其他属性操作）