在js中怎样获得checkbox里选中的多个值?
思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:
1、HTML结构
1
2
3
4
5
6
1
2
3
4
5
2、javascript代码
1
2
3
4
5
6
7
8
9
function fun(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
3、演示效果
1
2
3
4
js代码
function myFun() {
var cks = document.getElementsByName("cks");
cks_val = [];
for(k in cks) {
if(cks[k].checked)
cks_val.push(cks[k].value);
}
alert(cks_val);
}
举个例子,比如如下是HTML的结构:
这里推荐使用jQuery库,比较方便。以下是代码:
大致思路就是:先利用name属性值获取checkbox对象,然后循环判断checked属性。(true表示被选中,false表示未选中)
具体解释一下:
首先用document.getElementsByName()这个方法,通过input标签的name属性将input元素获取,并存进obj这个变量值中。然后建一个check_val的数组,通过for循环将input标签的value值存入数组中,这样就可以获取checkbox的选中的多个值。
扩展资料:
Checkbox 对象代表一个 HTML 表单中的 一个选择框。
在 HTML 文档中 <input type="checkbox"> 每出现一次,Checkbox 对象就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 document.getElementById() 。
参考资料:MDN—关于CheckBox属性
利用name属性值获取checkbox对象,然后循环判断checked属性,true表示被选中,false表示未选中。
1、HTML结构:
2、javascript代码:
3、演示效果:
扩展资料:
js获得多个checkbox选中的值的方法:
一、代码如下:
二、后台获得参数为:
//获得的均为数组值:
String checboxValues=request.getParameter("checboxValue")。
String checboxTexts=request.getParameter("checboxText")。
//得到每个具体值:
String checboxValue=checboxValues.split(",")。
String checboxText=checboxTexts.split(",")。
一、方法:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span><input type="checkbox" name="test" value="3"/><span>3</span><input type="checkbox" name="test" value="4"/><span>4</span><input type="checkbox" name="test" value="5"/><span>5</span><input type='button' value='提交' onclick="show()"/>
2、javascript代码(jQuery)
function show(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
3、演示效果
二、什么是JS
1、JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
2、在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
3、为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。
思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span><br>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
3、演示效果
1.新建一个html文件,命名为test.html,用于实现统计多选项被选中的个数。
2.在test.html中,创建一个form表单,在表单内定义四个类型为checkbox的input元素,实现多选项。
3.在form表单内,再创建一个button按钮,用于点击计算多选项已选中的个数。
打印JS怎么用的
\/\/js
JS-CH30B-LT是什么用的
JS-CH30B-LT是一种磁环的型号。磁环是一块环状的导磁体。磁环是电子电路中常用的抗干扰元件,对于高频噪声有很好的抑制作用。它是电子电路中常用的抗干扰元件,对于高频噪声有很好的抑制作用,一般使用铁氧体材料(Mn-Zn)制成。磁环在不同的频率下有不同的阻抗特性,一般在低频时阻抗很小,当信号频率...
JS 字串变数里能存放多少个位元组(大小)?
怎么判断一个字串有多少个字串 用字串长度比上字元长度,计算程式码为 #include <stdlib.h> #include <string.h> int len; char ch='a'; string str="helloworld"; len=sizeof(str)\/sizeof(ch)VB里面怎么计算字串A里有多少个字串B? Dim A As String, B As String Dim ...
js的window.scroll怎么用
兼容性问题:获得整个文档scrollTop,IE是document.documentElement.scrollTop,FF\/CH则是document.body.scrollTop.3、scrollHeight 解释:元素滚动条内的内容高度。scrollHeight同scrollTop属性一样,只有DOM元素才有,window\/document没有。不同的是scrollHeight是只读,不可设置。兼容性问题:获取整个文档scroll...
怎么看出js是nodejs还是javascript
如果 object 不是指定类或函数的实例,或者 object 为 null,则返回 false。promise 是nodejs还是javascript promise 是ES2015新增的内容,ES2015是javascript的一个标准,nodejs只是使用javascript做为开发语言。 所以说promise是归javascript的,与nodejs没有直接联系。怎么看出硬盘是IDE还是SATA的?
js中怎样设置动态tr的属性
两个insert方法返回的就是被插入的对象,直接操作这两个对象就行了。var tr = table.insertRow();var td = tr.insertCell();tr.setAttribute('align','center'); '不用setAttribute而直接使用属性也可以.tr.setAttribute('bgcolor','#FF0000')td.width=100; 直接对属性赋值的作法。要在tr元素...
js 判断一个值是否为数字
js有个函数 isNaN(val)\/\/如果是数字则返回 false 使用时候 if(!isNaN(val)){ alert("是数字");}else{ alert("不是数字");} js的验证不安全 如果禁止浏览器JavaScript 很容易就跳过去验证了 要是模拟提交 ,更容易攻破 嘿嘿 jsp中一定要验证哟 ...
js 限定复选框最多只能勾选2个,至少勾选1个
(opts[i]).attr("checked", true);\/\/选中,忘了选中怎么弄了..} } (function(){ (":checkbox[name='chRates']").bind("click",function(){ addOpts(this);checkedOpts();})});至于至少选中一个,在提交表单的时候检查下就行了。没得调试,手打痛苦...应该有很多错,大致就是这个思路...
数据文件IN1.DAT和IN2.DAT 中分别存有100个2位十进制数 输出结果是什么...
void jsVal(){ int i, j, ch;for(i=0;i<MAX;i++){ \/* 查找满足条件的a[i]和b[i]值 *\/ if(a[i]%2 && b[i]%2){ ch = a[i]\/10*1000+b[i]\/10*100+b[i]%10*10+a[i]%10;\/* 以上语句将满足条件的a[i]和b[i]数组成新数ch *\/ j = cnt - 1; \/* 以...
js判断是否为邮件
可以根据正则表达式判断某个值是否是邮箱格式:邮箱正则表达式:var RegEmail = \/^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$\/;JS验证代码:var userEmail="test@test.com";if(RegEmail.test(userEmail))\/\/如果返回true,表示userEmail符合邮箱格式{}else{}你可以试试!
政行丙酸: 思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中).下面进行实例演示:<br>1、HTML结构<br><br><input type="checkbox" name="test" value="1"/><span>1</span><br><input...
安岳县18318236963: js获取checkbox值 - ?
政行丙酸: function edit()<br> {<br> var input = document.getElementsByTagName("input");<br> var count = 0;<br> var txt1=document.getElementById("txt1");<br> var r=document.getElementsByName("cbxItemName"); <br> for(var i = 0; i < input....
安岳县18318236963: 在js中怎样获得checkbox里选中的多个值 - ?
政行丙酸: 1 2 3 4js代码 function myFun() { var cks = document.getElementsByName("cks"); cks_val = []; for(k in cks) { if(cks[k].checked) cks_val.push(cks[k].value); } alert(cks_val); }
安岳县18318236963: js获取checkbox值 - ?
政行丙酸: function edit() { var input = document.getElementsByTagName("input"); var count = 0; var txt1=document.getElementById("txt1"); var r=document.getElementsByName("cbxItemName");for(var i = 0; i < input.length; i ++) { if(input[i].type == "...
安岳县18318236963: jsp中怎样javascript得到checkbox的值 - ?
政行丙酸: <input type="checkbox" id="XX" name="XX" onclick="method()"> 其中的id或者name你可以根据数据生成规则付值,然后通过 document.getElementById("XX") 获取.
安岳县18318236963: 求Javascript中获取checkbox的值的代码,最好自己运行过能用的 form中的checkbox已经定义好了,如下: - ?
政行丙酸: <html><body><SCRIPT LANGUAGE="JavaScript"><!-- function getc() { var ca = document.getElementsByName("c"); var text = ""; for (var i = 0; i < ca.length; i++) { if (ca[i].checked) { text += ca[i].value; } } document.getElementsByName("...
安岳县18318236963: js问题:如何获取checkbox选中值 - ?
政行丙酸: 获取checkbox中所有选中值及input后面所跟的文本;<br>参考代码如下:<br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br><title>js</title><br></head><br><script language="javascript">...
安岳县18318236963: js 如何获得被选中checkbox这行tr - ?
政行丙酸: $('#tab1 tr').click(function(){ $(':checkbox',this).prop('checked',true);//true,全部选中,false,全部取消选中 })
安岳县18318236963: 用js 获取gridview中服务器控件checkbox的值 - ?
政行丙酸: 我是用JQuery取的 CheckBox属性 你可以把checked改成alue function valueCheckBox(){var checkAll = $("#cboxSelect").attr("checked");if(checkAll){$("#gvCrudeAll input:checkbox").each(function(index,item){var cbxValue = $(item).attr("value");});}}你试试行不行!
安岳县18318236963: 怎么获取一组checkbox选中的值 - ?
政行丙酸: 思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中).下面进行实例演示:<br>1、HTML结构<br><br><input type="checkbox" name="test" value="1"/><span>1</span><br><input...