jQuery的radio,checkbox,select操作
生活随笔
收集整理的這篇文章主要介紹了
jQuery的radio,checkbox,select操作
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當(dāng)前選中值
$('input[@name=items]').get(1).checked = true;
獲取值:
文本框,文本區(qū)域:$("#txt").attr("value");
多選框checkbox:$("#checkbox_id").attr("value");
單選組radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表單元素:
文本框,文本區(qū)域:$("#txt").attr("value",'');//清空內(nèi)容
?? $("#txt").attr("value",'11');//填充內(nèi)容
多選框checkbox: $("#chk1").attr("checked",'');//不打勾
?? $("#chk2").attr("checked",true);//打勾
?? if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾
單選組radio: $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項
下拉框select: $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項
?? $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
?? $("#sel").empty();//清空下拉框
var item = $('input[@name=items][@checked]').val();
獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當(dāng)前選中值
$('input[@name=items]').get(1).checked = true;
獲取值:
文本框,文本區(qū)域:$("#txt").attr("value");
多選框checkbox:$("#checkbox_id").attr("value");
單選組radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表單元素:
文本框,文本區(qū)域:$("#txt").attr("value",'');//清空內(nèi)容
?? $("#txt").attr("value",'11');//填充內(nèi)容
多選框checkbox: $("#chk1").attr("checked",'');//不打勾
?? $("#chk2").attr("checked",true);//打勾
?? if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾
單選組radio: $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項
下拉框select: $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項
?? $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
?? $("#sel").empty();//清空下拉框
轉(zhuǎn)載于:https://www.cnblogs.com/LCX/archive/2009/12/18/1627208.html
總結(jié)
以上是生活随笔為你收集整理的jQuery的radio,checkbox,select操作的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Spring常用注解的讲解
- 下一篇: WPF and Silverlight