标签：select checkbox radio 操作 jquery操作
在工作中经常用到select,checkbox,radio，今天有点空闲就整理一下，免得以后用的时候还要重新找。
操作select下拉框
—— 获取值或选中项：
1， $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发
2，var checkValue=$("#select_id").val(); //获取Select选择的Value
3，var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
4，$("#columnName").find("option:selected").attr("price");//获取select选择项中的price属性的值
5，$("#columnName option[value=‘3‘]").attr("price");//获取value值为3的选择项的price的属性的值
6，var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
7，var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
8，$("#select_id option[value=‘3‘]").attr("selected",true);//根据value值为3的项选中
9，$("#select_id ").val(‘4’); // 设置Value值为4的项选中
10，$("#select_id ").get(0).selectedIndex=2; //设置Select索引值为2的项选中
11，$("#select_id option[text=‘jQuery‘]").attr("selected", true); //设置Select的Text值为jQuery的项选中
—— 添加/删除Select的Option项：
1，$("#select_id").append("<option value=‘Value‘>Text</option>"); //为Select追加一个Option(下拉项)
2，$("#select_id").prepend("<option value=‘0‘>请选择</option>"); //为Select插入一个Option(第一个位置)
3，$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4，$("#select_id option[index=‘0‘]").remove(); //删除Select中索引值为0的Option(第一个)
5，$("#select_id option[value=‘3‘]").remove(); //删除Select中Value=‘3‘的Option
5，$("#select_id option[text=‘4‘]").remove(); //删除Select中Text=‘4‘的Option
操作checkbox多选框
1，//由于复选框一般选中的是多个,所以可以循环输出选择项的值
var payFlightSts=‘‘;
$(‘input[name="payFlightSts_‘+currCount+‘"]:checked‘).each(function(){
payFlightSts+=$(this).val()+‘,’;
});
2，//获取未选中的checkbox的值：
$("input[name=‘box‘]").each(function(){
if ($(this).attr(‘checked‘) ==false) {
alert($(this).val());
}
});
3，//全选
$("#btn1").click(function(){
$("input[name=‘box‘]").attr("checked","true");
})
4，//取消全选
$("#btn2").click(function(){
$("input[name=‘box‘]").removeAttr("checked");
})
5，//返选
$("#btn4").click(function(){
$("input[name=‘checkbox‘]").each(function(){
if($(this).attr("checked")) {
$(this).removeAttr("checked");
} else {
$(this).attr("checked","true");
}
})
})
操作radio单选框
1，$(‘input[name="testradio"]:checked‘).val();//获取选择的value值
2，//遍历name为testraio的所有选择项
$(‘input[name="testradio"]‘).each(function(){
alert(this.value);});
jquery 操作select,checkbox,radio （整理）,布布扣,bubuko.com
jquery 操作select,checkbox,radio （整理）
标签：select checkbox radio 操作 jquery操作
原文地址：http://blog.csdn.net/sanyuesan0000/article/details/36185337
