Heim > Web-Frontend > js-Tutorial > jQuery对下拉框,单选框,多选框的操作_jquery

jQuery对下拉框,单选框,多选框的操作_jquery

WBOY
Freigeben: 2016-05-16 16:59:02
Original
1391 Leute haben es durchsucht

下拉框:

//得到下拉菜单的选中项的文本(注意中间有空格)
var cc1 = $(".formc select[@name='country'] option[@selected]").text();
//得到下拉菜单的选中项的值
var cc2 = $('.formc select[@name="country"]').val();
//得到下拉菜单的选中项的ID属性值
var cc3 = $('.formc select[@name="country"]').attr("id");
//清空下拉框//
$("#select").empty();$("#select").html('');
//添加下拉框的option
$("").appendTo("#select")

稍微解释一下:

select[@name='country'] option[@selected]

表示具有name 属性,并且该属性值为'country' 的select元素里面的具有selected 属性的option 元素。可以看出有@开头的就表示后面跟的是属性。

单选框:

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

复选框:

//得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").val();
//由于复选框一般选中的是多个,所以可以循环输出
$("input[@type=checkbox][@checked]").each(function(){
alert($(this).val());
});
//不打勾
$("#chk1").attr("checked",'');
//打勾
$("#chk2").attr("checked",true);
//判断是否已经打勾
if($("#chk1").attr('checked')==undefined){}

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage