js对checkbox的取值和赋值
2017-06-15 23:18
211 查看
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+‘’;
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 赋值 CS后台取值
- input checkbox js取值是checked而非value
- Jquery主要控件(textbox,button,lable,radio,checkbox,selected)的取值、赋值
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
- PHP 使用checkbox ,select 多选,名称数组的取值和赋值
- js给textbox赋值,后台取值的问题
- Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
- jQuery RadioButton、input、CheckBox取值赋值
- checkbox 和 radio 单选和复选,js取值
- js 获取div里的值 2种方法给父窗口控件赋值和取值
- Jquery 中的CheckBox RadioButton DropDownList的取值赋值
- Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
- Silverlight内CheckBox控件与RadioButton控件的赋值与取值
- 分享关于Extjs2.0中RadioGroup和CheckboxGroup控件的取值和赋值问题
- Ext---CheckBoxGroup的取值和赋值
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
- js对fck编辑器取值 赋值
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
- js给textbox赋值,后台取值的问题