核心代码
代码如下 | 复制代码 |
if($("input[name='checkbox']:checkbox:checked").length>0){ box = ''; $("input[name='checkbox']:checkbox:checked").each(function(){ box += $(this).val()+','; }) }else{ alert('没有选择'); return false; } |
例
代码如下 | 复制代码 |
<input type="checkbox" name="sex" value="男" />男 <input type="checkbox" name="sex" value="女" />女 <input type="checkbox" name="sex" value="Unknow" />Unknow <input type="button" value="ShowSelectedValue" id="showValue" /> $(function () { $("#showValue").click(function () { $(":checkbox[name='sex'][checked]").each(function () { alert($(this).val()); }); }) }); |
完整实例
代码如下 | 复制代码 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>JS获取复选框被选中的值</title> </head> <body> <input type="checkbox" name="test" value="0" />0 <input type="checkbox" name="test" value="1" />1 <input type="checkbox" name="test" value="2" />2 <input type="checkbox" name="test" value="3" />3 <input type="checkbox" name="test" value="4" />4 <input type="checkbox" name="test" value="5" />5 <input type="checkbox" name="test" value="6" />6 <input type="checkbox" name="test" value="7" />7 <input type="button" onclick="chk()" value="提 交" /> </body> </html <mce:script type="text/javascript"><!-- |
时间: 2024-10-04 21:22:52