首页 > 代码库 > 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对下拉框、单选框、多选框的处理