jQueryは選択したすべてのcheckboxの属性値を文字列に接続する
2629 ワード
checkboxのセットについて、各checkboxをクリックすると、現在選択されているcheckboxの属性値を取り出して文字列に接続し、カンマで区切る必要があります.
htmlセクション:
htmlセクション:
<input type="checkbox" id="1"/>
<label for="1"> </label>
<br/>
<input type="checkbox" id="2"/>
<label for="2"> </label>
<br />
<input type="checkbox" id="3"/>
<label for="3"> </label>
<br/>
<span id="result"></span>
jQueryセクションでは、 checkboxにクリックイベントを し、 したすべてのcheckboxを します.
$(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);
});
});