select checkbox 获取选中的值,以及默认选中
2017-09-19 22:09
381 查看
1、select 获取选中的值
<select id="selectId" >
<option name = "option1">下拉框数据1</option>
<option name = "option2">下拉框数据2</option>
</select>
var selectData = $("#select").val();//获取选中的值
var selectText = $("#select").text();//获取选中文本
2、checkbox 获取选中的值
<input type="checkbox" name="checkbox1" value="checkboxId1">复选框1</input>
<input type="checkbox" name="checkbox2" value="checkboxId2">复选框2</input>
var checkData = $("input[name='checkbox1']");
var data =[ ];
var nData = [ ];
for(k in checkData ){
if(checkData[k].ckecked){
data.push(checkData[k].value);
}else{
nData.push(checkData[k].value);
}
}
data 为所有选中复选框的值
nData 为没有选中复选框的值
2.1、checkbox 回显数据 【data 为 “,”号分割的数据,例如:(1,2,3,4),oldData为所有的复选框】
function setCheckData(data,allData){
var datas = data.split(",");
for(n in oldData){
for(k in datas ){
if(k == oldData
.value ){
oldData
.checked=true;
}
}
}
}
<select id="selectId" >
<option name = "option1">下拉框数据1</option>
<option name = "option2">下拉框数据2</option>
</select>
var selectData = $("#select").val();//获取选中的值
var selectText = $("#select").text();//获取选中文本
2、checkbox 获取选中的值
<input type="checkbox" name="checkbox1" value="checkboxId1">复选框1</input>
<input type="checkbox" name="checkbox2" value="checkboxId2">复选框2</input>
var checkData = $("input[name='checkbox1']");
var data =[ ];
var nData = [ ];
for(k in checkData ){
if(checkData[k].ckecked){
data.push(checkData[k].value);
}else{
nData.push(checkData[k].value);
}
}
data 为所有选中复选框的值
nData 为没有选中复选框的值
2.1、checkbox 回显数据 【data 为 “,”号分割的数据,例如:(1,2,3,4),oldData为所有的复选框】
function setCheckData(data,allData){
var datas = data.split(",");
for(n in oldData){
for(k in datas ){
if(k == oldData
.value ){
oldData
.checked=true;
}
}
}
}
相关文章推荐
- jsp中checkbox或select从后台获取值后默认选中的两种写法
- 获取select、radio、checkbox的value值以及文本框值
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- jquery怎么获取select选中的值,默认选中
- 【jQuery获取下拉框select、单选框radio、input普通框的值和checkbox选中的个数】
- DeveXpress ASPxGridView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合
- js取消checkbox以及select的选中
- 关于js遍历list集合,获取select选中的值以及动态添加option
- jquery设置以及获取select和checkbox
- 获取radio、select、checkbox标签选中的值
- 用Jquery根据获取的value来设置select标签的默认选中项
- JS获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- EasyuI TreeGrid设置行可选、checkbox可勾选,以及根据checkbox勾选,默认选中行
- TreeView CheckBox全选 以及获取选中的值
- 比较日期大小以及获取select选中的option的value
- ASPxGridView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合
- select获取下拉框的值 下拉框默认选中方法
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- vue+element ui 使用$refs获取el-dialog 下的 el-table 组件 ,以及使用table多选,默认选中
- jQuery设置 select、radio、checkbox 默认选中的值