首页 > 代码库 > jQuery对下拉框、单选框、多选框的处理
jQuery对下拉框、单选框、多选框的处理
下拉框:
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 //添加下拉框的option14 $("<option value=http://www.mamicode.com/‘1‘>1111").appendTo("#select")
单选框:
1 //得到单选框的选中项的值(注意中间没有空格)2 $("input[@type=radio][@checked]").val();3 4 //设置单选框value=http://www.mamicode.com/2的为选中状态.(注意中间没有空格)5 $("input[@type=radio][@value=http://www.mamicode.com/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对下拉框、单选框、多选框的处理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。