首頁 >web前端 >js教程 >jquery取得元素值的方法(常見的表單元素)_jquery

jquery取得元素值的方法(常見的表單元素)_jquery

WBOY
WBOY原創
2016-05-16 17:14:521586瀏覽

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關
取得一組radio被選取項目的值
var item = $('input[name= items][checked]').val();
取得select被選取項目的文字
var item = $("select[name=items] option[selected]").text();
select下拉方塊的第二個元素為目前選取值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為目前選取值
$('input[name=items]').get(1).checked = true;

取得值:

文字框,文字區域:$("#txt"). attr("value");
多選框checkbox:$("#checkbox_id").attr("value");
單選組radio: $("input[@type=radio][@ checked]").val();
下拉框select: $('#sel').val();

控製表單元素:
文字框,文字區域:$(" #txt").attr("value",'');//清空內容物
$("#txt").attr("value",'11');//填滿內容

多重選取框checkbox: $("#chk1").attr("checked",'');//不勾選
$("#chk2").attr("checked",true);/ /勾選
if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組radio: $("input[@ type=radio]").attr("checked",'2');//設定value=2的項目為目前選取項目
下拉方塊select: $("#sel").attr("value" ,'-sel3');//設定value=-sel3的項目為目前選取項
$("").appendTo("#sel") //新增下拉框的option
$("#sel").empty();//清空下拉框

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn