Summary of JQuery CheckBox (checkbox) operation methods

Summary of JQuery CheckBox (checkbox) operation methods_jquery

WBOY

Release： 2016-05-16 16:03:59

Original

1303 people have browsed it

1. Get a single checkbox selected item (three writing methods):

Copy code The code is as follows:

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

Copy code The code is as follows:

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

Copy code The code is as follows:

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

2. Get multiple checkbox selected items:

Copy code The code is as follows:

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

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

alert($(this).val());

            }

});

Copy code The code is as follows:

('input:checkbox').map(function () {                                          
Return(this).val();

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

3. Set the first checkbox as the selected value:

Copy code The code is as follows:

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

Copy code The code is as follows:

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

4. Set the last checkbox as the selected value:

Copy code The code is as follows:

$('input:radio:last').attr('checked', 'checked');

Copy code The code is as follows:

$('input:radio:last').attr('checked', 'true');

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

Copy code The code is as follows:

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

Copy code The code is as follows:

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

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

Copy code The code is as follows:

$('input:radio').slice(0,2).attr('checked','true');

7. Set the checkbox to the selected value based on the Value value:

Copy code The code is as follows:

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

8. Delete the checkbox with Value=1:

Copy code The code is as follows:

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

9. Which checkbox to delete:

Copy code The code is as follows:

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

For example, delete the third checkbox:

Copy code The code is as follows:

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

10. Traverse checkbox:

Copy code The code is as follows:

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

//Write code

});

11. Select all

Copy code The code is as follows:

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

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

});

12. Deselect all:

Copy code The code is as follows:

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

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

});