單選按鈕顯示圖像檢查

我有一些單選按鈕，其中一個選中時，單選按鈕旁邊會出現一個勾號，其餘不會被選中。單選按鈕顯示圖像檢查

的單選按鈕，HTML和CSS是如下

<input type="radio" name="InputName" value="ValueA" > 

input[type="radio"]:checked + .icon { 
background-image: url("../img/glyphicons-halflings.png"); 
}

不過，我使用jquery，以及改變一個單選按鈕的檢查狀態，但我無法改變它。我的jquery如下

$('[name="InputName" value="ValueA"]').attr('checked',true);

任何解決方案？提前致謝。

來源

2013-02-20 edelweiss

你應該叫這樣的：

$('[name="InputName"]').attr('checked',true);

來源

2013-02-20 09:49:26 Morpheus

使用prop()。你可以做

$('input[value="ValueA"]').prop('checked',true);

如果你的價值是獨一無二的......

這

$('input[name="InputName"][value="ValueA"]').prop('checked',true);

來源

2013-02-20 09:50:18 bipen

你應該試試這個，而不是.attr('checked',true)嘗試.attr('checked','checked')

$('[name="InputName"][value="ValueA"]').attr('checked','checked');

來源

2013-02-20 09:58:51 Swarne27

而不是做這樣的：

$('[name="InputName" value="ValueA"]').attr('checked',true);

這樣做：

$(':radio:checked').addClass('icon');

下面粘貼代碼

See a demo：

$(':radio').change(function() { 
    $(':radio').removeClass('icon'); 
    $(':checked').addClass('icon'); 
});

radios是此if you want to select only one option in a radio list此just group them with same name那麼只有一個會得到選擇做出。

這樣的：

<input type="radio" name="InputName" value="ValueA"> 
<input type="radio" name="InputName" value="ValueB"> 
<input type="radio" name="InputName" value="ValueC">

來源

2013-02-20 09:59:44 Jai

單選按鈕顯示圖像檢查

回答

相關問題