JQuery concatenates an attribute value of all selected checkboxes into a string _ jquery-js tutorial

This article mainly introduces jQuery's method of connecting all selected checkbox attribute values to a string, which can be used to connect selected Attribute values to a string. It has some reference value, for more information about how jQuery concatenates an attribute value of all selected checkboxes into a string, see the example in this article. Share it with you for your reference. The details are as follows:

Requirements:

For a set of checkboxes, When you click each checkbox, extract a property value of the currently selected checkbox into a string and separate it with commas.

Implementation Method:

Html section:

The Code is as follows:

Option 1



Option 2



Option 3

The jQuery section defines click events for each checkbox and traverses all selected checkboxes.

The Code is as follows:

$ (Function (){
$ ("Input [type = checkbox]"). on ("click", function (){
Var vIds = "";
$ ("Input: checked"). each (function (){
VIds + = $ (this). attr ('id') + ",";
});
If (vIds. length> 0 ){
VIds = vIds. substring (0, vIds. length-1 );
}
$ ('# Result'). text (vIds );
});
});

I hope this article will help you with jQuery programming.