jQuery 下拉列表操作 select 复选框 checkbox 单选框 radio
2012-02-01 00:39
821 查看
jQuery 下拉列表操作 select 复选框 checkbox 单选框 radio
/article/8916701.html
语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
6. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
7. $("#select_id ").val(4); //设置Select的Value值为4的项选中
8. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
9. $("#select_id").get(0).value=selectid //设置Select的Value值为jQuery的项选中
复选框checkbox:
$("[name='checkbox']").attr("checked",'true');//全选
$("[name='checkbox']").removeAttr("checked");//取消全选
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});
单选组radio:
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
相关文章推荐
- jQuery 下拉列表操作 select 复选框 checkbox 单选框 radio
- 【JavaScript&jQuery】单选框radio,复选框checkbox,下拉选择框select
- jquery 操作单选框,复选框,下拉列表实现代码
- jquery 操作单选框,复选框,下拉列表实现代码
- jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
- jquery对radio单选框和CheckBox复选框的操作
- jquery 操作单选框,复选框,下拉列表实现代码
- jQuery中下拉select、复选checkbox、单选radio的操作代码
- jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
- jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;
- Jquery操作radio,checkbox,select表单操作实现代码
- jquery操作复选框、单选框、下拉列表框
- jquery操作select、radio、checkbox表单元素
- jquery 常用操作(包括select、radio、checkbox)
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- 利用jQuery来简化radio,checkbox,select,radio表单元素的操作
- jQuery操作radio、checkbox、select总结
- jQuery的radio,checkbox,select操作
- jQuery操作radio、checkbox、select 集合
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件