Jquery traverses the checkbox to obtain the value of the selected item

Jquery traverses the checkbox to obtain the value of the selected item

This article mainly introduces Jquery to traverse the checkbox to obtain the value of the selected item. For more information, see

Source code:

The Code is as follows:

JQuery (function ($ ){

$ ("Input [name = 'key']: checkbox"). click (function (){

Var ids = '';

Var flag = 0;

$ ("# Ids"). attr ("value", ids );

$ ("Input [name = 'key']: checkbox"). each (function (){

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

Ids + = $ (this). attr ('value') + ',';

Flag + = 1;

}

});

If (0 <flag ){

$ ("# Ids"). attr ("value", ids );

Return true;

} Else {

Alert ('select at least one item! ');

Return false;

}

});

});

 

Functions of the source code:

 

Obtain the value of the check box for name = 'key, write the value of the selected item to the form of the hidden field <input type = "hidden" name = "ids" id = "ids" value = ""/>.

 

Core Statement:

The Code is as follows:

$ ("Input [name = 'key']: checkbox"). each (function (){

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

Ids + = $ (this). attr ('value') + ',';

}

});

 

In HTML, if a check box is selected, it is marked as checked = "checked ". However, if jquery alert ($ ("# id") is used "). attr ("checked") will prompt you to be "true" instead of "checked", so you can determine if ("checked" = $ ("# id "). attr ("checked") is incorrect and should be written as above: if (true = $ ("# id "). attr ("checked "))