jquery checkbox Radio Tab 3 ways to select

Zhang Ying published in 2013-07-16

Category: Js/jquery

Tags: checkbox, jquery, Radio, checked

jquery is flexible, there are many ways to check the checkbox radio tag, and here are just a few examples of three common methods.

One, test the HTML

View copy print?

2. <div style="margin-top:150px;" >
4.     <input  Type= ' checkbox '  name= ' test['  class= ' checkbox '   value= ' CheckBox1 ' >checkbox1   
6.     <input  type= ' checkbox '  name= ' test['  class= ' checkbox '  value= ' checkbox2 ' >checkbox2   
8. <input type=' checkbox ' name=' test[] ' class=' checkbox ' value=' Checkbox3 ' >checkbox3
10. </div>
12. <div style="margin-top:50px;" >
14.     <input  type= "Radio"  name= "test1"  value =  " Radio1 " class= ' radio '  > radio1  
16.     <input  Type= "Radio"  name= " Test1 " value = " Radio2 " class= ' radio '  >RADIO2&NBSP;&NBSP;
18. <input type="Radio" name="test1" value = "Radio3" class=' Radio ' > Radio3
20. </div>

Two, Checkbok,radio selected

Method 1,

View copy print?

1. These two methods belong to a class
2. $ ('. checkbox:checked ');
3. $ (' input[type^=checkbox]:checked ');

Method 2,

View copy print?

1. $ ('. CheckBox '). Filter (': checked ');

Method 3

View copy print?

1. $ ('. CheckBox '). each (function () {
2. if ($ (this). Is (": Checked")) {
3. Alert (This). Val () +": is checked");
4. }else{
5. Alert (This). Val () +": Are not checked");
6. }
7. })

Replace the above. CheckBox with. Radio, you can judge the selection of the radio tag.

jquery checkbox Radio Tab 3 ways to select