jquery各種取值操作

2021-05-27 13:03:55 字數 1525 閱讀 5991

獲取一組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的專案為當前選中項

$("1111

$("#sel").empty();//清空下拉框

jquery判斷checkbox,radio是否選中

1:判斷radio

var selected = $('input[name=selectid:checked]').val();//若未被選中 則val() = null

if(selected == null)else

2:判斷checkbox

var n = $("input:checked").length;

if(n==0)else

$("div").text(n + (n <= 1 ? " is" : " are") + " checked!");

3:checkbox陣列全選、取消全選

$("#selall").click(function());

示例:

基於jQuery 各種表單取值折磨

寫在前面 表單一直是前端重要的一塊內容,而表單的型別較多,各種取值方式不一,選中的selected,checked等,什麼情況該用哪種,今天有時間理一理,不一定全面,後面慢慢補充吧 正文 有如下結構的select,涉及到的各種取值 請選擇 成都綿陽 德陽 一 獲取 myselect選中的value和...

jquery 操作各種元素

獲取選中的值 獲取一組radio被選中項的值 var item input name items checked val 獲取select被選中項的文字 var item select name items option selected text select下拉框的第二個元素為當前選中值 sel...

jquery的各種取值方法。留著自己用

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...