首页 > Web开发 > 详细

jQuery对下拉框、单选框、多选框的处理

时间:2014-11-07 14:33:06      阅读:310      评论:0      收藏:0      [点我收藏+]

下拉框

 1 //得到下拉菜单的选中项的文本(注意中间有空格)
 2 var cc1 = $(".formc select[@name=‘country‘] option[@selected]").text();
 3 
 4 //得到下拉菜单的选中项的值
 5 var cc2 = $(‘.formc select[@name="country"]‘).val();
 6 
 7 //得到下拉菜单的选中项的ID属性值
 8 var cc3 = $(‘.formc select[@name="country"]‘).attr("id");
 9 
10 //清空下拉框//
11 $("#select").empty();$("#select").html(‘‘);
12 
13 //添加下拉框的option
14 $("<option value=‘1‘>1111</option>").appendTo("#select")

单选框

1 //得到单选框的选中项的值(注意中间没有空格)
2 $("input[@type=radio][@checked]").val();
3 
4 //设置单选框value=2的为选中状态.(注意中间没有空格)
5 $("input[@type=radio][@value=2]").attr("checked",‘checked‘);

复选框

 1 //得到复选框的选中的第一项的值
 2 $("input[@type=checkbox][@checked]").val();
 3 
 4 //由于复选框一般选中的是多个,所以可以循环输出
 5 $("input[@type=checkbox][@checked]").each(function(){
 6         alert($(this).val());
 7 });
 8 
 9 //不打勾
10 $("#chk1").attr("checked",‘‘);
11 
12 //打勾
13 $("#chk2").attr("checked",true);
14 
15 //判断是否已经打勾
16 if($("#chk1").attr(‘checked‘)==undefined){}

 

jQuery对下拉框、单选框、多选框的处理

原文:http://www.cnblogs.com/CHEUNGKAMING/p/4081068.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!