怎样获取input为checkbox选中的值
1个回答
展开全部
思路:通过 :checked 筛选 checkbox 选中项,然后进行遍历,利用节点关系获取到input对象,最后使用val()方法获取input的内容。实例演示如下:
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 ipts = $(":checkbox:checked").parents("tr").find("input:text");
// 遍历input并使用val()方法获取值
str = .map(function() {return $(this).val();}).get().join(", ");
alert(str);
});
});
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 ipts = $(":checkbox:checked").parents("tr").find("input:text");
// 遍历input并使用val()方法获取值
str = .map(function() {return $(this).val();}).get().join(", ");
alert(str);
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询