国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

Jquery判斷radio、selelct、checkbox是否選中及獲取選中值方法總結(jié)

2019-11-20 12:40:15
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

jquery取radio單選按鈕的值 

復(fù)制代碼 代碼如下:

$("input[name='items']:checked").val(); 

另:判斷radio是否選中并取得選中的值 
 
如下所示:
復(fù)制代碼 代碼如下:

function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--選中的值為:"+$(":radio:checked").val());
}
}

 
jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關(guān)   
 
獲取一組radio被選中項(xiàng)的值  
復(fù)制代碼 代碼如下:

 var item = $('input[name=items][checked]').val();  

 獲取select被選中項(xiàng)的文本  
復(fù)制代碼 代碼如下:

 var item = $("select[name=items] option[selected]").text();  

 select下拉框的第二個(gè)元素為當(dāng)前選中值  
復(fù)制代碼 代碼如下:

 $('#select_id')[0].selectedIndex = 1;  

 radio單選組的第二個(gè)元素為當(dāng)前選中值  
復(fù)制代碼 代碼如下:

 $('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)容  

復(fù)制代碼 代碼如下:

$("#txt").attr("value",'11');//填充內(nèi)容 

   
多選框checkbox: $("#chk1").attr("checked",'');//不打勾  
復(fù)制代碼 代碼如下:

 $("#chk2").attr("checked",true);//打勾  
 if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾 

單選組radio: $("input[type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)  
 
下拉框select: $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項(xiàng)目為當(dāng)前選中項(xiàng)  

復(fù)制代碼 代碼如下:

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option  
$("#sel").empty();//清空下拉框 

    
剛開(kāi)始接觸jquery,很多東西不熟悉  
 
在用$("#id")來(lái)獲得頁(yè)面的input元素的時(shí)候,發(fā)現(xiàn)$("#id").value不能取到值 

后來(lái)終于在偉大的百度幫助下,找到了問(wèn)題的原因:  
 
$("")是一個(gè)jquery對(duì)象,而不是一個(gè)dom element 
 
value是dom element的屬性 

jquery與之對(duì)應(yīng)的是val 
 
val() :獲得第一個(gè)匹配元素的當(dāng)前值。 
 
val(val):設(shè)置每一個(gè)匹配元素的值。 

所以,代碼應(yīng)該這樣寫(xiě): 
 
   
取值:val = $("#id")[0].value;  
賦值:  $("#id")[0].value = "new value";  
或者$("#id").val("new value"); 
或者這樣也可以:val = $("#id").attr("value");
 

jQuery中each非常好用,常用它取代javascript的for循環(huán)
 
例如在一個(gè)function里有一個(gè)each,在each里某種條件 成立的話(huà),就把這個(gè)function返回true或者false

復(fù)制代碼 代碼如下:

function methodone(){
....
$.each(array,function(){
if(條件成立){
return true;
}
});
....
}

結(jié)果發(fā)現(xiàn)老是不對(duì)。
 
后來(lái)查找資料才發(fā)現(xiàn),在each代碼塊內(nèi)不能使用break和continue,要實(shí)現(xiàn)break和continue的功能的話(huà),要使用其它的方式
break----用return false;
continue --用return ture;
 
所以當(dāng)我在each里想使用return true給這個(gè)function返回時(shí),其實(shí)只是讓each繼續(xù)執(zhí)行而以
連each都沒(méi)有中斷,所以function也就不能return了 
 
另:判斷radio是否選中并取得選中的值
 
如下所示:
復(fù)制代碼 代碼如下:

function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--選中的值為:"+$(":radio:checked").val());
}
}

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 宁明县| 金沙县| 自治县| 株洲县| 沙河市| 山阳县| 昂仁县| 汉源县| 长沙市| 尼玛县| 海伦市| 称多县| 博客| 商南县| 瓮安县| 泉州市| 商城县| 界首市| 石台县| 新巴尔虎左旗| 邯郸市| 麟游县| 山丹县| 太湖县| 泸定县| 新源县| 封丘县| 南宫市| 卫辉市| 长寿区| 鹿邑县| 南澳县| 潜山县| 长阳| 西安市| 舒兰市| 郴州市| 于田县| 永年县| 南投县| 调兵山市|