js对checkbox的取值和赋值
来源:互联网 发布:软件app如何推广 编辑:程序博客网 时间:2024/06/05 03:45
HTML中checkbox是一组name相同value不同的元素;
checkbox如下:
<input type="checkbox" name="asd" value="1" >1</br>
<input type="checkbox" name="asd" value="2">2</br>input type="checkbox" name="asd" value="3">3</br>
<input type="checkbox" name="asd" value="4">4</br>
<input type="button" name="全选" onclick="allCheck()">
<input type="button" name="置空" onclick="allNoCheck()">
获取第一个的值
var checkbox=document.getElecmentByName(asd);//获取复选框
var value=checkbox[1].value;//第一个元素的值
获取复选框所有的值(复选框的值为一个数组)
var valueArray=new Array();
for(var i=0;i<checkbox.length;i++){
valueArray.push(chekcbox[i].value);
}
实现全选
function allCheck(){
var checkbox=document.getElecmentByName(asd);//获取复选框
for(var i=0;i<checkbox.length;i++){
checkbox[i].checked=true;
}
}
实现全不选(置空)
function allNoCheck(){
var checkbox=document.getElecmentByName(asd);//获取复选框
for(var i=0;i<checkbox.length;i++){
checkbox[i].checked=true;
}
}
Extjs中复选框为checkgroup(复选组),是一个封装好的组件
{
xtype:'checkgroup',
id:'check',
items:[
{boxLabel:'1',name:'asd',nputValue:'1',},
{boxLabel:'1',name:'asd',inputValue:'1',},
{boxLabel:'1',name:'asd',inputValue:'1',},
{boxLabel:'1',name:'asd',inputValue:'1',},]
},
{
xtype:''button',
text:'全选',
handler:functionI(){//实现全选
var chekgroup=Ext.getCmp('check');
var val={};
val.asd=true;
checkgroup.setValue(val);
}
}
{
xtype:'button',
text:'置空‘,
handler:function(){
var chekgroup=Ext.getCmp('check');
var val={};
val.asd=false;
checkgroup.setValue(val);
}
}
获取被选中的值
var chekgroup=Ext.getCmp('check');
var value=checkgroup.getValue().asd;//此处获取的是一个object对象,需转化成字符
value=value+‘’;
- js对checkbox的取值和赋值
- textarea、radio,checkbox以及option的取值和赋值
- jquery checkbox取值和赋值
- Checkbox取值赋值
- jquery的checkbox取值赋值选中
- js取值和赋值
- js 获取checkBox值,以及对checkBox进行赋值
- js对fck编辑器取值 赋值
- js对FCKeditor取值赋值
- Jquery对一些常用控件的取值、赋值<textbox,button,lable,radio,checkbox,selected >
- CheckBox获取值和赋值,使用js
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- jQuery对表单元素的取值和赋值操作
- Scala基础—再谈控制语句
- HashMap图解--转载
- 推荐13个.Net开源的网络爬虫
- JavaScript网页中动态显示时间
- win8常用快捷键
- js对checkbox的取值和赋值
- 机器学习算法之K-means-spark
- #和##运算符使用解析
- python学习日记(8)
- C语言实现单链表面试题(进阶篇)
- 两个栈模拟一个队列
- mysql 语句记录
- 《shell脚本学习指南》学习笔记之入门 三 sed详细解析
- 单链表反转