「jQUery入門」$(“:checkbox:checked”).parents(“tr”).find()のサンプル

2017年10月19日

1.Htmlコード
<table>
<tr>
<td><input type="checkbox" name="test"></td>
<td><input type="text"></td><td><input type="text"></td>
</tr>
<tr>
<td><input type="checkbox" name="test"></td>
<td><input type="text"></td><td><input type="text"></td>
</tr>
</table>
<input type="button" value="テスト">

2.jqueryコード
$(function(){
$(“:button").click(function() {
// 選択された行のinputタグを検索
var ctn = $(“:checkbox:checked").parents(“tr").find(“input:text");
// inputタグを遍歴して、val()で値を取得
var msg = .map(function() {return $(this).val();}).get().join(“, “);
alert(“123456″+msg);
});
});