国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 蓬溪县| 乌审旗| 巴塘县| 合川市| 鄄城县| 乌什县| 苍南县| 金塔县| 凤山县| 万载县| 五寨县| 镇赉县| 淄博市| 长顺县| 黄大仙区| 吴堡县| 新津县| 乳山市| 洛宁县| 阳西县| 汝城县| 辽中县| 儋州市| 宜川县| 新乡市| 永平县| 伊宁县| 库车县| 金平| 克东县| 陆丰市| 从化市| 八宿县| 同江市| 温州市| 康马县| 东乡族自治县| 肇东市| 响水县| 富顺县| 同心县|