jquery version: 1.3.2
Copy Code code as follows:
<script src= "Jquery-1.3.2.min.js" type= "Text/javascript" ></script>
<body>
<input type= "checkbox" Name= "Chk_list" id= "chk_list_1" value= "1"/>1<br/>
<input type= "checkbox" Name= "Chk_list" id= "Chk_list_2" value= "2"/>2<br/>
<input type= "checkbox" Name= "Chk_list" id= "Chk_list_3" value= "3"/>3<br/>
<input type= "checkbox" Name= "Chk_list" id= "Chk_list_4" value= "4"/>4<br/>
<input type= "checkbox" Name= "Chk_all" id= "Chk_all"/> Select All/Cancel All selection
<script type= "Text/javascript" >
$ ("#chk_all"). Click (function () {
$ ("Input[name= ' chk_list ']"). attr ("Checked", $ (this). attr ("checked"));
});
</script>
</body>
Jquery.attr Gets/Sets the property value of an object, such as:
Copy Code code as follows:
$ ("Input[name= ' chk_list ']"). attr ("checked"); Reads the status of all name ' Chk_list ' objects (checked)
$ ("Input[name= ' chk_list ']"). attr ("Checked", true); Sets the checked of all name ' Chk_list ' objects to True
Another example:
Copy Code code as follows:
$ ("#img_1"). attr ("src", "test.jpg"); Set the value of SRC with ID img_1 as ' test.jpg '
$ ("#img_1"). attr ("src"); Read SRC value with ID img_1
The following code gets the value of the checkbox selected in the previous instance:
Copy Code code as follows:
<script type= "Text/javascript" >
Get all checkbox (set) with Name ' Chk_list ' selected
var arrchk=$ ("Input[name= ' chk_list][checked]");
Traversal gets the value of each checkbox
for (Var i=0;i<arrchk.length;i++)
{
alert (Arrchk[i].value);
}
</script>
It is appreciated that the master can write the process of traversing above with $.each ().