jquery如何取得checkbox选中的值?
<table width="100%" border="0" id="newsTable">
<tr bgcolor='#FFFFFF'>
<td height='20'><input type='checkbox' name='delid' /></td>
<td>1</td>
<td>2</td>
<td><a href='editrenwu.htm'>编辑</a> | <a href='listrenwumingxi.htm'>查看</a> | <a href='#' onclick='del(this);'>删除</a></td>
</tr>
</table>
我点删除时,当选中时,会把当前行删除,我现在要取得<input type='checkbox' name='delid' />中checkbox选中的值?
高手请教!解决把分都给发了.
[解决办法]
你的checkbox都没有value属性,哪来的值,如果取值的话,只有on。
<input type='checkbox' value='123' id='chk' name='delid' />
取值
$('#chk').val();//123
判断是否选中
$('#chk').attr('checked');
[解决办法]
最原始的方式
<script type="text/javascript">
function showStatus(ck)
{
alert(ck.checked? "被选中":"未被选中");
}
</script>
<body>
<table width="100%" border="0" id="newsTable">
<tr bgcolor='#FFFFFF'>
<td height='20'><input type='checkbox' name='delid' onclick="showStatus(this);"/></td>
<td>1</td>
<td>2</td>
<td><a href='editrenwu.htm'>编辑</a>
[解决办法]
<a href='listrenwumingxi.htm'>查看</a>
[解决办法]
<a href='#' onclick='del(this);'>删除</a></td>
</tr>
</table>
</body>
[解决办法]
用jquery
var checked = $(":checkbox[name=delid]").attr("checked");
[解决办法]
第一次回复的时候已经写了获取值和判断是否选中的方法。获取元素最好加个ID,查找元素的时候速度更快。
<input type='checkbox' value='123' id='chk' name='delid' />
取值
$('#chk').val();//123
判断是否选中
$('#chk').attr('checked');
[解决办法]
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#abv").click(function(){
var i=0;
$(":checkbox").each(function(){
i++;
if(this.checked){
alert("第"+i+"行的checlbox被选中");
}
});
});
})
</script>
<input type="button" value="测试用按钮" id="abv"/>
<table border="1" cellspacing="0" cellpadding="0" width="600">
<tr bgcolor='#FFFFFF'>
<td height='20'><input type='checkbox' name='delid' /></td>
<td>1</td>
<td>2</td>
<td><a href='editrenwu.htm'>编辑</a>
[解决办法]
<a href='listrenwumingxi.htm'>查看</a>
[解决办法]
<a href='#' onclick='del(this);'>删除</a></td>
</tr>
<tr bgcolor='#FFFFFF'>
<td height='20'><input type='checkbox' name='delid' /></td>
<td>3</td>
<td>4</td>
<td><a href='editrenwu.htm'>编辑</a>
[解决办法]
<a href='listrenwumingxi.htm'>查看</a>
[解决办法]
<a href='#' onclick='del(this);'>删除</a></td>
</tr>
<tr bgcolor='#FFFFFF'>
<td height='20'><input type='checkbox' name='delid' /></td>
<td>5</td>
<td>6</td>
<td><a href='editrenwu.htm'>编辑</a>
[解决办法]
<a href='listrenwumingxi.htm'>查看</a>
[解决办法]
<a href='#' onclick='del(this);'>删除</a></td>
</tr>
</table>
