jquery如何取得checkbox选中的值?

覃祖甘 2013-02-02 06:19:22

<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选中的值?
高手请教!解决把分都给发了.

...全文

9113 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

魔术世界中文版 2013-02-03

打赏
举报


<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>

bbjbepzz 2013-02-02

打赏
举报

引用 2 楼 aganqin 的回复:

说错了，是取得是否被选中啊

第一次回复的时候已经写了获取值和判断是否选中的方法。获取元素最好加个ID，查找元素的时候速度更快。 <input type='checkbox' value='123' id='chk' name='delid' /> 取值 $('#chk').val();//123 判断是否选中 $('#chk').attr('checked');

kinger906 2013-02-02

打赏
举报

用jquery var checked = $(":checkbox[name=delid]").attr("checked");

爱若如梦 2013-02-02

打赏
举报

引用 3 楼 aganqin 的回复:

引用 1 楼 bbjbepzz 的回复:你的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>

覃祖甘 2013-02-02

打赏
举报

引用 1 楼 bbjbepzz 的回复:

你的checkbox都没有value属性，哪来的值，如果取值的话，只有on。 <input type='checkbox' value='123' id='chk' name='delid' /> 取值 $('#chk').val();//123 判断是否选中 $('#chk').attr('checked');

我怎么取到这个checkbox的选中状态?我一直取不到啊.

覃祖甘 2013-02-02

打赏
举报

说错了，是取得是否被选中啊

bbjbepzz 2013-02-02

打赏
举报

你的checkbox都没有value属性，哪来的值，如果取值的话，只有on。 <input type='checkbox' value='123' id='chk' name='delid' /> 取值 $('#chk').val();//123 判断是否选中 $('#chk').attr('checked');