如何知道當前元素是否被選中

想法是通過所有輸入字段，當$(this)有無線電類型時，檢查它是否被選中，是否保存其值。如何知道當前元素是否被選中

我知道還有其他的方式來獲得所選的單選按鈕的值，但我已經通過所有的輸入和做類似的事情。

我試圖檢查選擇的屬性，$(this).attr('selected')沒有任何運氣......我不知道該怎麼做。

感謝

來源

2012-09-14 subharb

你想把它的價值保存到哪裏？ – Matt

'selected'不是一個收音機將會擁有的屬性，但'checked'是。你可以使用'.is'和僞選擇器'：checked' – SpaceBison

對於單選按鈕，你應該使用checked。

$(this).prop('checked')

來源

2012-09-14 09:58:41 xdazz

你可以嘗試以下方法：

$(this).is(':radio:checked');

來源

2012-09-14 09:57:40 DanielB

應該是（'：radio：checked'） –

@FAngel：你說得對。相應地編輯我的帖子。 – DanielB

要檢查單選按鈕使用的選擇：

.prop('checked');

$('input').each(function() { 
    if(this.type == 'radio') { 
    console.log($(this).prop('checked')); // or, this.checked 
               // or, $(this).is(':checked') 
    } 
});

來源

2012-09-14 09:58:41 thecodeparadox

嘗試在這裏的例子看http://api.jquery.com/checked-selector/

來源

2012-09-14 10:00:52 Guy

HTML單選投入不HACE選擇屬性，但檢查，如描述here 此外，從jQuery 1.6你應該使用.prop()來獲取和設置這種布爾條件：$（this）.prop（「checked」）將返回true或false。

來源

2012-09-14 10:02:12

$("input[type='radio']).each(function(){ 
    if($(this).is(":checked")){ 
     // perform your operation 
    } 
});

來源

2012-09-14 10:19:36 mohanrajt

在代碼中缺少雙引號。 –

在這裏我已經完成了上述查詢的完整箱。請檢查下面給出的演示鏈接：

演示：http://codebins.com/bin/4ldqp76

HTML

<div id="panel"> 
    <input type="button" id="btn1" value="Check Selected" /> 
    <p> 
    <input type="checkbox" value="Checkbox 1"/> 
    Checkbox1 
    <br/> 
    <input type="checkbox" value="Checkbox 2"/> 
    Checkbox2 
    <br/> 
    <input type="checkbox" value="Checkbox 3"/> 
    Checkbox3 
    <br/> 
    <input type="checkbox" value="Checkbox 4"/> 
    Checkbox4 
    <br/> 
    <input type="checkbox" value="Checkbox 5"/> 
    Checkbox5 
    </p> 
    <p> 
    <input type="radio" name="rd" value="Radio 1"/> 
    Radio-1 
    <br/> 
    <input type="radio" name="rd" value="Radio 2"/> 
    Radio-2 
    <br/> 
    <input type="radio" name="rd" value="Radio 3"/> 
    Radio-3 
    <br/> 
    <input type="radio" name="rd" value="Radio 4"/> 
    Radio-4 
    <br/> 
    <input type="radio" name="rd" value="Radio 5"/> 
    Radio-5 
    </p> 
</div>

jQuery的

$(function() { 
    $("#btn1").click(function() { 
     var SelChk = "Selected Checkbox Values: "; 
     var SelRad = "Selected Radio Value:"; 

     $("input").each(function() { 
      if ($(this).is(":checkbox:checked")) { 
       SelChk += $(this).val().trim() + ", "; 
      } 
      if ($(this).is(":radio:checked")) { 
       SelRad += $(this).val().trim(); 
      } 
     }); 

     if (SelChk.substr(-2) == ", ") SelChk = SelChk.substr(0, SelChk.length - 2); 

     alert(SelChk + "\n" + SelRad); 
    }); 

});

演示：http://codebins.com/bin/4ldqp76

來源

2012-09-14 12:15:41 gaurang171

如何知道當前元素是否被選中

回答

相關問題