学习 jQuery下拉框,单选框,多选框整理
生活随笔
收集整理的這篇文章主要介紹了
学习 jQuery下拉框,单选框,多选框整理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
獲取一組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的項目為當前選中項?
?????????????????$("<option?value='1'& gt;1111</option><option?value='2'>2222</option& gt;").appendTo("#sel")//添加下拉框的option?
?????????????????$("#sel").empty();//清空下拉框
1,下拉框:
var cc1?? = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜單的選中項的文本(注意中間有空格)
var cc2 = $('.formc select[@name="country"]').val();?? //得到下拉菜單的選中項的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜單的選中項的ID屬性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value="/1'>1111</option>").appendTo("#select")//添加下拉框的option
稍微解釋一下:
1.select[@name='country'] option[@selected] 表示具有name 屬性,
并且該屬性值為'country' 的select元素 里面的具有selected 屬性的option 元素;
可以看出有@開頭的就表示后面跟的是屬性。
2,單選框:
$("input[@type=radio][@checked]").val();?? //得到單選框的選中項的值(注意中間沒有空格)
$("input[@type=radio][@value="/2]").attr(""checked",'checked'); //設置單選框value="/2的為選中狀態.(注意中間沒有空格)
3,復選框:
$("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){} //判斷是否已經打勾
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的項目為當前選中項?
?????????????????$("<option?value='1'& gt;1111</option><option?value='2'>2222</option& gt;").appendTo("#sel")//添加下拉框的option?
?????????????????$("#sel").empty();//清空下拉框
1,下拉框:
var cc1?? = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜單的選中項的文本(注意中間有空格)
var cc2 = $('.formc select[@name="country"]').val();?? //得到下拉菜單的選中項的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜單的選中項的ID屬性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value="/1'>1111</option>").appendTo("#select")//添加下拉框的option
稍微解釋一下:
1.select[@name='country'] option[@selected] 表示具有name 屬性,
并且該屬性值為'country' 的select元素 里面的具有selected 屬性的option 元素;
可以看出有@開頭的就表示后面跟的是屬性。
2,單選框:
$("input[@type=radio][@checked]").val();?? //得到單選框的選中項的值(注意中間沒有空格)
$("input[@type=radio][@value="/2]").attr(""checked",'checked'); //設置單選框value="/2的為選中狀態.(注意中間沒有空格)
3,復選框:
$("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){} //判斷是否已經打勾
轉載于:https://www.cnblogs.com/EWall/archive/2011/04/28/2031607.html
總結
以上是生活随笔為你收集整理的学习 jQuery下拉框,单选框,多选框整理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ASP.NET服务器控件开发(2)--继
- 下一篇: HDU 2177HDU 2176