JQuery CheckBox (check box) operation method summary

JQuery CheckBox (check box) operation method summary

 

1. Obtain the selected items of a single checkbox (three methods ):

The Code is as follows:

$ ("Input: checkbox: checked"). val ()

Or

The Code is as follows:

$ ("Input: [type = 'checkbox']: checked"). val ();

Or

The Code is as follows:

$ ("Input: [name = 'ck ']: checked"). val ();

2. Obtain multiple checkbox selected items:

The Code is as follows:

$ ('Input: checkbox'). each (function (){

If ($ (this). attr ('checked') = true ){

Alert ($ (this). val ());

}

});

Or

The Code is as follows:

('Input: checkbox'). map (function (){

Return (this). val ();

}). Get (). join (',');

3. Set the first checkbox as the selected value:

The Code is as follows:

$ ('Input: checkbox: first '). attr ("checked", 'checked ');

Or

The Code is as follows:

$ ('Input: checkbox'). eq (0). attr ("checked", 'true ');

4. Set the last checkbox as the selected value:

The Code is as follows:

$ ('Input: radio: la'). attr ('checked', 'checked ');

Or

The Code is as follows:

$ ('Input: radio: la'). attr ('checked', 'true ');

5. set any checkbox as the selected value based on the index value:

The Code is as follows:

$ ('Input: checkbox). eq (index value). attr ('checked', 'true'); index value = 0, 1, 2 ....

Or

The Code is as follows:

$ ('Input: radio '). slice (1, 2). attr ('checked', 'true ');

6. Select multiple checkboxes:

Select 1st and 2nd checkboxes at the same time:

The Code is as follows:

$ ('Input: radio '). slice (). attr ('checked', 'true ');

7. Set checkbox as the selected Value based on the Value:

The Code is as follows:

$ ("Input: checkbox [value = '1']"). attr ('checked', 'true ');

8. Delete the checkbox with Value = 1:

The Code is as follows:

$ ("Input: checkbox [value = '1']"). remove ();

9. Delete the following checkboxes:

The Code is as follows:

$ ("Input: checkbox"). eq (index value). remove (); index value = 0, 1, 2 ....

For example, delete 3rd checkboxes:

The Code is as follows:

$ ("Input: checkbox"). eq (2). remove ();

10. traverse the checkbox:

The Code is as follows:

$ ('Input: checkbox'). each (function (index, domEle ){

// Write code

});

11. Select All

The Code is as follows:

$ ('Input: checkbox'). each (function (){

$ (This). attr ('checked', true );

});

12. deselect all options:

The Code is as follows:

$ ('Input: checkbox'). each (function (){

$ (This). attr ('checked', false );

});