Jquery實際應用,判斷radio,selelct,checkbox是否選中及選中的值

jquery取radio單選按鈕的值  
 
$("input[name='items']:checked").val();  
另:判斷radio是否選中並取得選中的值 
 
以下所示: 
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選中,及其相關   
 
 獲取一組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'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   
 
$("#sel").empty();//清空下拉框  
 
     
 
 剛開始接觸jquery,不少東西不熟悉   
 
 在用$("#id")來得到頁面的input元素的時候,發現$("#id").value不能取到值  
 
    
 
 後來終於在偉大的百度幫助下,找到了問題的緣由:   
 
 $("")是一個jquery對象,而不是一個dom element  
 
     
 
 value是dom element的屬性  
 
   
 
 jquery與之對應的是val  
 
    
 val() :得到第一個匹配元素的當前值。  
 
   
 
 val(val):設置每個匹配元素的值。  
 
    
 
 因此,代碼應該這樣寫:  
 
    
 取值:val = $("#id")[0].value;   
 賦值:  $("#id")[0].value = "new value";   
 
 或者$("#id").val("new value");  
 
    
 
 或者這樣也能夠:val = $("#id").attr("value"); 
 
 
 
jQuery中each很是好用,經常使用它取代javascript的for循環 
 
例如在一個function裏有一個each,在each裏某種條件 成立的話,就把這個function返回true或者false
 
function methodone(){ 
.... 
$.each(array,function(){ 
if(條件成立){ 
return true; 
} 
}); 
.... 
} 
 
結果發現總是不對。 
 
後來查找資料才發現,在each代碼塊內不能使用break和continue,要實現break和continue的功能的話,要使用其它的方式 
break----用return false; 
continue --用return ture; 
 
因此當我在each裏想使用return true給這個function返回時,其實只是讓each繼續執行而以 
連each都沒有中斷,因此function也就不能return了  
 
另:判斷radio是否選中並取得選中的值 
 
以下所示: 
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--選中的值爲:"+$(":radio:checked").val()); 
} 
}
相關文章
相關標籤/搜索