Jquery 对 radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中等的精简操作
A 取值:
1. 文本框
var value=$("#textbox_id").val();
2. 单选框
var value= $("input[name='sex'][checked]").val();
3. 下拉选择框
var value = $("#select_id").val();
4. 多选框
var value= $("#checkbox_id").attr("value");
//多选做单选用时
var value=$("#checkbox_id").prop("checked");
一组多选
// 1 使用,分隔
function getCheckBoxParams(name) {
var items = document.getElementsByName(name);
var values = new Array();
for (var i = 0; i < items.length; i++) {
if (items[i].checked)
values.push(items[i].value);
}
return values.toString();
}// 2
var str="";
$("input[name='checkboxName']:checked").each(
function(){
str+=this.value+",";
//或者
//str+=$(this).val()+","
}
);
多选框是否被选中的判断:
$("#id").is(":checked") 返回值:true false
注:
IE在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">等标签下 input[name='checkboxName'][checked] 选择会失效。
建议使用:$("[name='checkboxName']:checked")
可以使用 $("input:checked[name='checkboxName']")这种效率虽然略差但稳定的方法。
B 选中或者设置值:
1. 文本框
$("#textbox_id").val( value );
2. 单选框
$(" input[name= 'sex' ][value= '"+value+"' ]").attr("checked", "checked");
$(" input[name= 'sex' ]").get(index).checked=true;
3. 下拉选择框
$("#select_id").val(value);
$("#sel").empty(); 清除下拉列表值
4. 多选框
$("#checkbox_id").attr("checked",true);