「jQuery入門」each()で複数要素をループで処理するコード

2017年10月19日

1.htmlコード
<table class="cft">
<tr>
<th></th>
<th>test data1</th>
<th>test data2</th>
<th>test data3 </th>
</tr>
<tr>
<td>data1</td>
<td><input type="checkbox" name="flgAA" value="20″></td>
<td><input type="checkbox" name="flgAA" value="21″></td>
<td><input type="checkbox" name="flgAA" value="22″></td>
</tr>
<tr>
<td>data2</td>
<td><input type="checkbox" name="flgBB" value="20″></td>
<td><input type="checkbox" name="flgBB" value="21″></td>
<td><input type="checkbox" name="flgBB" value="22″></td>
</tr>
</table>
<button type="submit" value="">検証</button>

 

2.jQueryコード
jQuery(function($){
$('form’).submit(function() {
var ff = ";
$('.cft tr’).each(function(index , val){
if ($(val).find('input:checkbox’).size()>0){
if (!$(val).find('input:checkbox’).is(':checked’)){
ff += ’88’;
}
}
});
if (ff!=") {
alert(“007″+ff);
return false;
}else{
alert(’99’);
}
});
});