jquery the method of connecting all selected checkbox values to a string _jquery

The example in this article describes how jquery connects all selected checkbox values to a string. Share to everyone for your reference. Specifically as follows:

Demand:

For a set of CheckBox, when each checkbox is clicked, a property value of the currently selected checkbox is pulled out to connect to a string and separated by commas.

Implementation method:

HTML section:

Copy Code code as follows:

<input type= "checkbox" id= "1"/>
<label for= "1" > Option one </label>
<br/>
<input type= "checkbox" id= "2"/>
<label for= "2" > Option two </label>
<br/>
<input type= "checkbox" id= "3"/>
<label for= "3" > option three </label>
<br/>
<span id= "Result" ></span>

In the jquery section, define click events for each checkbox and traverse all selected checkbox.

Copy Code code 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 your jquery programming.