jQuery对下拉框、单选框、多选框的处理
浏览数：35 /
时间：2015年06月09日
下拉框：
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){}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
