js获取checkbox复选框选中的选项实例
有关javascript 获取checkbox复选框的实例数不胜数。
js实现:
var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message = ""; for (var i = 0, len = option.length; i < len; i++) { message += "Select id:" + option[i].id + "\nSelected name:" + option[i].name + "\nSelected value:" + option[i].value + "\n\n"; } alert(message); /*获取选中的选项*/ getSelectedOption: function (selectform, selectionfield) { var result = []; var option = null; for (var i = 0; i < selectionfield.length; i++) { option = selectionfield[i]; if (option.checked) { result.push(option); } www.jb51.net } return result; } <form id='form2'> <label>排序:</label><input id='aaaaa' type='checkbox' name='test2' value='1'> <label for='aaaaa'>月销量</label><input id='bbbbb' type='checkbox' name='test2' value='2'> <label for='bbbbb'>评分</label><input id='ccccc' type='checkbox' name='test2' value='3'> <label for='ccccc'>优惠</label> <br style='clear:both'><label>分类:</label><input id='ddddd' type='checkbox' name='test2' value='4'> <label for='ddddd'>商务套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'> <label for='eeeee'>凉菜</label><input id='fffff' type='checkbox' name='test2' value='6'> </form>",
相关推荐
-
js获取checkbox值的方法
本文实例讲述了js获取checkbox值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="javascrip
-
JS获取checkbox的个数简单实例
JS获取多选框checkbox被选中的个数. var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组. //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; for(var i=0;i<checkbox.length;i++){ if(checkbox[i].checked){ //被选中的checkbo
-
动态获取复选框checkbox选中个数的jquery代码
今天碰到"jquery动态获取复选框checkbox选中的个数",首先看下面例子: 复制代码 代码如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="check
-
JS获得选取checkbox整行数据的方法
本文实例讲述了JS获得选取checkbox整行数据的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="java
-
js限制checkbox选中个数以限制六个为例
今天在做项目时,碰到一个问题,我需要展示多个checkbox复选框,而只能允许最多选6个.调试了老半天,终于出来了,代码如下: <SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; } } </SCRIPT&g
-
js获取checkbox复选框选中的选项实例
有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message = ""; for (var i = 0, len = option.leng
-
javascript获取checkbox复选框获取选中的选项
有关javascript 获取checkbox复选框的实例数不胜数,下面的这个示例,纯js实现的 var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message = ""; for (var i = 0, len = opt
-
JS实现统计复选框选中个数并提示确定与取消的方法
本文实例讲述了JS实现统计复选框选中个数并提示确定与取消的方法.分享给大家供大家参考.具体实现方法如下: javascript部分如下: <script type="text/javascript"> function yesno() { var inputs = document.getElementsByName("ck[]"); var checked_counts = 0; for(var i=0;i<inputs.length;i++){
-
JS实现CheckBox复选框全选、不选或全不选功能
CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBox复选框JS实现全选.不选.全不选功能,很简单,具体内容如下 思路: 1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把chec
-
JS实现CheckBox复选框全选全不选功能
CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭.大多数应用程序的"设置"对话框内均有此控件.我们看到的可以打勾的就是CheckBox. 该控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBo
-
php checkbox复选框值的获取与checkbox默认值输出方法
php获取 checkbox复选框值的方法 复制代码 代码如下: <html xmlns="http://www.jb51.net/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>php获取 checkbox复选框值的方法</title> &
-
解决Django中checkbox复选框的传值问题
Django 中,html 页面通过 form 标签来传递表单数据. 对于复选框信息,即 checkbox 类型,点击 submit 后,数据将提交至 view 中的函数. 我们通过request.POST.get() 函数来获取来自 html 页面的值,但是该函数只能 get 到选中的最后一个值. 因此想要传递选中的多个值,需要用 request.POST.getlist() 函数 该函数返回一个列表,可通过迭代来获取列表中每一项的值. 补充知识:解决checkbox复选框选中传值,不选中不传
-
js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展. 代码如下: <html> <head> <meta charset="gb2312"> <title>js点击文本框弹出可选择的checkbox复选框</title> <style type="text/
-
jQuery获取复选框选中的当前行的某个字段的值
废话不多说了,直接给大家贴代码了,具体代码如下所示: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script src="js/jquery.js"></script> <s
-
js与jQuery实现checkbox复选框全选/全不选的方法
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大
随机推荐
- jsp中使用javabean实例介绍
- VirtualBox安装Centos6.8出现E_INVALIDARG(0x80070057)的解决方法
- SQL Server 2008 存储过程示例
- ThinkPHP模板Switch标签用法示例
- php相对当前文件include其它文件的方法
- windows下wxPython开发环境安装与配置方法
- python使用pymysql实现操作mysql
- 服务器的ARP欺骗攻击的防范的两种解决方法
- Android编程实现的重力感应示例代码
- Android编程实现类似天气预报图文字幕垂直滚动效果的方法
- C++实现自底向上的归并排序算法
- 搭建SSH时的思考和遇到的几个问题的解决方法
- Java基础教程之继承详解
- 『PHP』PHP截断函数mb_substr()使用介绍
- jquery 简单图片导航插件jquery.imgNav.js
- 诺顿防病毒软件 Norton Antivirus v2007+KeyGen下载
- MySQL中distinct与group by语句的一些比较及用法讲解
- 必须会的SQL语句(八) 数据库的完整性约束
- js单词形式的运算符
- 微信小程序 JS动态修改样式的实现代码