jquery怎么取得checkbox选中的值
日期：2014-05-16 浏览次数：20348 次
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');
------解决方案--------------------
<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'>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
