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被选中的个数. 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
-
JS获得选取checkbox整行数据的方法
本文实例讲述了JS获得选取checkbox整行数据的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="java
-
动态获取复选框checkbox选中个数的jquery代码
今天碰到"jquery动态获取复选框checkbox选中的个数",首先看下面例子: 复制代码 代码如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="check
-
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值的方法
本文实例讲述了js获取checkbox值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="javascrip
-
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效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大
随机推荐
- AngularJS手动表单验证
- 浅谈jQuery hover(over, out)事件函数
- js鼠标点击图片实现随机变换图片的方法
- 解决Ubuntu 16.04下提示boot分区空间不足的办法
- Java实现Html转Pdf的方法
- Python内置数据结构与操作符的练习题集锦
- 详谈commonjs模块与es6模块的区别
- 强制PHP命令行脚本单进程运行的方法
- 利用Python自带PIL库扩展图片大小给图片加文字描述的方法示例
- go语言使用RC4加密的方法
- 深入理解基于vue-cli的vuex配置
- Android实现点击Button产生水波纹效果
- 提高网页的效率 Use YSlow to know why your web Slow第1/2页
- 在阿里云Centos下如何安装Nginx
- 奇怪的PHP引用效率问题分析
- JavaScript将取代AppleScript?
- 制做Google Sitemap文件的简单方法与图文教程
- 解析Runtime中shutdown hook的使用详解
- C语言中qsort函数用法实例小结
- 原生Ajax 和jQuery Ajax的区别示例分析