HTML structure:
<!--the same group of single input tags must have the same name value to indicate the same set of radio boxes, otherwise have ' check ' function-->
<input type= "Radio" name= "Test" checked= "checked" value= "1th"/> 1th Item
<input type= "Radio" name= "Test" value= "section www.111cn.net"/> Item 2nd
<input type= "Radio" name= "Test" value= "3rd"/> 3rd Item
<input type= "button" value= "51gg3 search"/>
1, to set a single selection of input for the selected state:
① can set its properties checked to True
$ ("input[type= ' Radio ']"). EQ (1). attr (' checked ', true);
Click the expand Code, easy to read ② can also set its properties checked as ' checked ', the original selection will be automatically unchecked after setting
$ ("input[type= ' Radio ']"). EQ (1). attr (' checked ', ' checked ');
Click the expand code to easily read 2, to determine whether a radio box is selected:
❶ use Object.attr (' checked ') ==true is wrong, should use Object.attr (' checked ') = = ' checked ' for judgment
$ ("input[type= ' Radio ']"). EQ (1). attr (' checked ') = = ' checked ';
Click the expand Code to facilitate reading ❷ can also use the IS (': Checked ') method for judgment
$ ("input[type= ' Radio ']"). EQ (1). Is (': checked ');
Click the expand code to easily read 3 to get the selected radio box: using: Checked method
$ ("input[type= ' Radio ']:checked");
Multiple selection buttons
In the HTML checkbox, the selected word will have attributes checked= "checked".
If a checkbox is selected, the value alert ($ "#xxx" for the CheckBox's property "Checked") is printed "true" instead of "checked" attr ("checked").
If not selected, print out "undefined". That's weird, isn't it? Keep looking, ~www.111cn.net!
Don't try to make such a judgment: if ($ "#xxx". attr ("checked") = = "true")
Because it is wrong to do so, the jquery API manual writes that the return value of attr (name) is object.
So, it should be if ($ "#xxx". attr ("checked") ==true)
Example
The code is as follows |
Copy Code |
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <title>Index</title> <script src= "/scripts/jquery-1.4.1.js" type= "Text/javascript" ></script> <script type= "Text/javascript" > $ (function () { $ ("#CheckAll"). Click (function () { var flag = $ (this). attr ("checked"); $ ("[Name=subbox]:checkbox"). each (function () { $ (this). attr ("checked", flag); }) }) }) </script> <body> <div> <input id= "Checkall" type= "checkbox"/> <input name= " Subbox "type= checkbox"/> <input name= "Subbox" type= "checkbox" /> <input name= "Subbox" type= "checkbox"/> <input name= "Subbox" type= "checkbox"/> </div> </body> |