- <!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是否选中,checkbox全选,获取checkbox选中值
点击按钮获取选中的CheckBox值,JQ实现,代码非常简单。
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
下面小编就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ ...
所以checkbox为false。...把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到action中。 每次调用此页面时,首选调用action中的选中的id字符串,然后根据在id字符串的基
至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html代码: <input type=button id=btnShow value=显示选中值 /> 下面我们绑定check
jquery获取特定name所有选中的checkbox,支持IE9标准模式,需要的朋友可以参考一下
jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...
操作checkbox,全选反选 代码如下: //全选 function checkAll() { $(‘input[name=”TheID”]’).attr... }) } //获取选中的项 function getCheck(){ var check = $(‘input[name=”TheID”]:checkbox’).map(function
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
鼠标拖拽出一个矩形,矩形范围内的checkbox将被选中。类似windows 框选文件一样
all = $(this).find(":checkbox").not("[name='sales_group_id'],:disabled") , allChecked = $(this).find(":checked").not("[name='all-checked']") , thisAllCheckBtn = $(this).find(".all-checked ...
在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息。这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check框选中值的时候也就...
Checkbox双向选择器jQuery代码是一款通过点击左右箭头按钮可以分别将两边div块中已选中的项目checkbox在两边来回移动穿梭效果代码。
正好前几天一个兄弟遇到了这个问题, 索性, 我花了点时间, 用原生JS与jQuery分别写了一个版本, 考虑到使用时灵活性问题, 未封装, 需要的童鞋使用时自行改下相关参数. 功能介绍点此查看DEMO演示 1. 全选/全不选 选框...
javascript获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台)
jQuery.checkboxGroup 这是一个非常简单的插件,可让您轻松地将某些复选框组合在一起并创建一个主复选框,该主复选框可以选中或取消选中所有从属复选框。 如何使用它 给定一个具有id master的复选框和一个字段集中...
选中/取消选中CheckBoxList(一个控件)中的所有复选框。
代码如下: <!... <head>...JS获取复选框被选中的值</title> </head> <body> <input type=”checkbox” name=”test” value=”0″ />0 <input type=”checkbox” na