javascript获取checkbox复选框获取选中的选项

2013-11-04  来源:本站原创  分类:javascript技巧  人气:12 

这篇文章主要介绍了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 = 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);
}

}
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>",
相关文章
  • javascript获取checkbox复选框获取选中的选项 2013-11-04

    这篇文章主要介绍了javascript获取checkbox复选框获取选中的选项的方法,需要的朋友可以参考下 有关javascript 获取checkbox复选框的实例数不胜数,下面的这个示例,纯js实现的 var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

  • js获取checkbox复选框选中的选项实例 2014-01-29

    这篇文章主要介绍了js如何获取checkbox复选框选中的选项,比较适合新手,需要的朋友可以参考下 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message

  • php checkbox复选框值的获取与checkbox默认值输出方法 2014-01-22

    php获取 checkbox复选框值的方法,checkbox在php读取值时要用数组形式哦,我们读取这些值用php post获取是以一个array形式哦. php获取 checkbox复选框值的方法 <html xmlns="http://www.jb51.net/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb

  • jquery获取复选框被选中的值 2014-09-12

    这篇文章主要介绍了如何使用jquery获取复选框被选中的值,需要的朋友可以参考下 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style

  • Jquery获取复选框被选中值的简单方法 2014-12-20

    这篇文章介绍了Jquery获取复选框被选中值的简单方法,有需要的朋友可以参考一下 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5").click(functi

  • javascript判断单选框或复选框是否选中方法集锦 2014-03-11

    提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合. 样例一<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>判断单选框或复选框是否选中</title> </head> <body> <input name

  • jquery判断checkbox(复选框)是否被选中的代码 2013-11-12

    现在很多朋友都喜欢使用jquery了,所以很多的表格判断都是基于jquery的,但实现方法与javascript原生代码不同,对于checkbox的判断大家可以参考下. //是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $("input[name='soft[]']:checkbox").each(function () { if ($(this).attr("checke

  • 在js中单选框和复选框获取值的方式 2013-12-02

    在js中单选框和复选框获取值的方式,需要的朋友可以参考下. // JavaScript Document function sub1() { // 用Form名称直接引用form对象 //form1.method = "get"; // 将form名称作为document对象的属性来引用form对象, // 并用user作为form对象的属性来引用名为user的文本框元素对象 // document.form1.user.value = "lisi"; var s1

  • jQuery判断checkbox(复选框)是否被选中以及全选.反选实现代码 2014-06-06

    本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选.反选实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery判断checkbox(复选框)是否被选中:if($("#id").attr("checked")==true) jQuery实现checkbox(复选框)选中.全选/反选代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/

  • 方便实用的jQuery checkbox复选框全选功能简单实例 2014-10-02

    这篇文章介绍了jQuery checkbox复选框全选功能的代码实例,有需要的朋友可以参考一下 // 主复选框 <input type="checkbox" id="ck" name="ckAll">// 子复选框项 <input type="checkbox" id="ck1" name="ckItm"> <input type="checkbo

  • jQuery checkbox复选框全选功能的实例 2013-10-09

    jQuery checkbox复选框全选功能的代码实例,有需要的朋友可以参考一下 // 主复选框 <input type="checkbox" id="ck" name="ckAll">// 子复选框项 <input type="checkbox" id="ck1" name="ckItm"> <input type="checkbox"

  • checkbox 复选框不能为空 2013-11-22

    checkbox复选框不能为空,至少有一个选项 <script type="text/javascript"> function check_check(checkname){ var flag; var checks = document.getElementsByName(checkname); for(var i=0;i<checks.length;i++){ if(checks[i].checked==true){ flag = true; return tr

  • yii实现CheckBox复选框在同一行显示的方法 2015-03-05

    这篇文章主要介绍了yii实现CheckBox复选框在同一行显示的方法,对比了网上搜集的方法,给出了改进的意见,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了yii实现CheckBox复选框在同一行显示的方法.分享给大家供大家参考.具体实现方法如下: yii 让CheckBoxList默认输出的是换行了,一个checkbox是换一行了,这样对有些设置就不合要求了,下面我们就来实现yii让CheckBoxList在同一行显示. Yii的checkBoxList是一列,如下图所示: 网上有人说

  • ASP checkbox复选框是否被选中的代码(结合数据库) 2013-10-18

    ASP从数据库中读出复选框是否被选中的代码 有的时候,我们在网页中会用到复选框,也就是多选框,当用户提交输入信息的时候我们会获取复选框的内容,然后保存到数据库中,如经常用到的是用户输入的个人信息.可是当用户提交后可能还需要修改,那么我们就要从数据库中读出这些表单数据,这就要求必须把用户之前输入的状态给显示出来,可是当我们从数据库中读出复选框是否被选中时确很难实现.所以今天就教大家通过ASP从数据库中读出复选框是否被选中的方法,希望还有其他方法的朋友留言分享. 具体代码如下所示: <% docum

  • javascript 设置某DIV区域内的checkbox复选框 2014-12-15

    主要用到dom的两个函数document.getElementById(id)和document.getElementsByTagName(name),希望对写复选框全选的虾们有些许帮助. <!--HTML代码片段如下: --> <div id="div1"> <input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选

  • Android 之 Dialog复选框获取值 2012-09-18

    package com.ethan.dialog; import android.app.Activity; import android.app.AlertDialog; import android.content.Context; import android.content.DialogInterface; import android.content.DialogInterface.OnMultiChoiceClickListener; import android.os.Bundle

  • asp.net mvc 为什么是Html.CheckBox 复选框生成一个额外的隐藏域 input type="hidden" 2012-08-05

    Html.CheckBox("foo") 生成2个input 变迁,而不是一个,谁知道为什么会这样呢? <input id="foo" name="foo" type="checkbox" value="true" /> <input name="foo" type="hidden" value="false" /> 如果复

  • js checkbox(复选框) 使用集锦 2014-01-03

    js checkbox 使用技巧,实例代码,大家可以看下. function selectAll() //全选 { var objs = document.getElementsByName('twId'); var i; for(i = 0; i < objs.length; i++) { if(objs[i].type == "checkbox") { objs[i].checked = true; } } } function unselect() //反选 { var o

  • jQuery获取(选中)单选,复选框,下拉框中的值 2013-10-23

    本篇文章主要是对jQuery获取(选中)单选,复选框,下拉框中的值的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 实例如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords&qu

  • jQuery分别获取选中的复选框值的示例 2013-10-23

    这篇文章主要介绍了jQuery如何分别获取选中的复选框值,需要的朋友可以参考下 function jqchk(){ //jquery获取复选框值 var s=''; $('input[name="aihao"]:checked').each(function(){ s+=$(this).val()+','; }); 点击"提交"后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数