日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

学习 jQuery下拉框,单选框,多选框整理

發布時間:2024/4/14 编程问答 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 学习 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){} //判斷是否已經打勾

轉載于:https://www.cnblogs.com/EWall/archive/2011/04/28/2031607.html

總結

以上是生活随笔為你收集整理的学习 jQuery下拉框,单选框,多选框整理的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。