<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
</style>
<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>
<script src="jquery.js"></script><!--这是载入jquery.js文件,如果不使用jquery可以去掉-->
<script>
function chk(){
var obj=document.getElementsByName('test'); //选择所有name="'test'"的对象,返回数组
//取到对象数组后,我们来循环检测它是不是被选中
var s='';
for(var i=0; i<obj.length; i++){
if(obj[i].checked) s+=obj[i].value+','; //如果选中,将value添加到变量s中
}
//那么现在来检测s的值就知道选中的复选框的值了
alert(s==''?'你还没有选择任何内容!':s);
}
function jqchk(){ //jquery获取复选框值
var chk_value =[];
$('input[name="test"]:checked').each(function(){
chk_value.push($(this).val());
});
alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);
}
</script>
分享到:
相关推荐
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ ...
通过实现选一个复选框 可以实现其它多个复选框同时选中,并且可以弹出复选框之后的文本框。
jQuery单选框和复选框美化代码是一款基于ui-choose.js实现的表单单选框,复选框美化插件,支持原生select标签和ul标签美化,并且能很方便的获取选中的值。
下面小编就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery单选框跟复选框美化代码是一款能够实现单选框 复选框原本的选中,未选中,禁用等功能外,还能够设置选中和未选中的文本信息,标签的最小宽度等。
漂亮jQuery单选框/复选框美化插件Labelauty.js,支持自定义灰色按钮不可点、支持input控件定义选项 直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件,特别是在手机端使用,还是非常 适用的。
jquery复选框选中按钮
jquery滑动复选框菜单
代码如下: <!... <head>...JS获取复选框被选中的值</title> </head> <body> <input type=”checkbox” name=”test” value=”0″ />0 <input type=”checkbox” na
通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除。在这的地方,可以加个特效...
代码片段: <label class="all-checked"> <span class="ui-checkbox"></span> <input type="checkbox" name="all-checked" value=""> 全选 <div </div>
Labelauty–jQuery单选框/复选框美化插件,基于jQuery的一个非常小巧的插件,它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。
jQuery单选框复选框美化插件,基于jQuery的一个非常小巧的插件,它除了能够实现单选框复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。兼容主流浏览器
jQuery多级复选框选中代码是一款水平垂直checkbox复选框多级选择菜单代码
废话不多说了,直接给大家贴代码了,具体代码如下所示: <html> <head> <meta ... charset=utf-8">...js<...//获取所以复选框 //第一种方法:通过check
摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...
jQuery单选框和复选框美化代码是一款基于ui-choose.js实现的表单单选框,复选框美化插件,支持原生select标签和ul标签美化,并且能很方便的获取选中的值。
一款基于ui-choose.js与jQuery插件实现的表单单选框,复选框美化代码,支持原生select标签和ul标签美化,并且能很方便的获取选中的值。
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...