如何設置其文本值經過單選按鈕

這是我的HTML代碼

<section class="trainers_listWrap"> 
    <li><label class="mt-radio mt-radio-outline traine"> 
     <input type="radio" data-value="One" class="trainerradio" value="62" name="trainernames">One 
     <span></span> 
     </label> 
    </li> 
    <li><label class="mt-radio mt-radio-outline traine"> 
     <input type="radio" data-value="Two" class="trainerradio" value="9" name="trainernames">Two 
     <span></span> 
     </label> 
    </li> 
    <li><label class="mt-radio mt-radio-outline traine"> 
     <input type="radio" data-value="THree" class="trainerradio" value="17" name="trainernames">THree 
     <span></span> 
     </label> 
    </li> 

</section>

我試圖爲（嘗試檢查在上述兩個HTML單選按鈕）

$('input:radio[name="trainernames"][value="Two"]').prop('checked', true);

這是我的小提琴

http://jsfiddle.net/cod7ceho/376/

可否請你讓我知道如何根據

來源

2016-12-15 Pawan

問題與您正在使用的jQuery移動設備有關。要改變電臺的狀態（實際上，使這種狀態變化可見），你必須針對元素標籤，也是在這種情況下，並添加/刪除適當的類：

$('input:radio[name="trainernames"][data-value="One"]').prev('label').addClass('ui-radio-on').removeClass('ui-radio-off');

演示：http://jsfiddle.net/cod7ceho/377/

附：也許更優雅的解決方案，可以發現（不知道jQuery Mobile的可能性，在這種情況下）

編輯：根據答案

http://jsfiddle.net/cod7ceho/378/

$('input:radio[name="trainernames"][data-value="One"]').prop('checked',true); 


$("input[type='radio']").checkboxradio("refresh");

這裏：Checking and unchecking radio buttons with Jquery Mobile

來源

2016-12-15 08:45:08 sinisake

非常感謝它的工作正常。 – Pawan

您已設置data-value所以用它它的文本值設置單選按鈕

$('input:radio[name="trainernames"][data-value="Two"]').prop('checked', true);

OR使用正確value即[value="9"]

$('input:radio[name="trainernames"][value="9"]').prop('checked', true);

來源

2016-12-15 08:17:23 Satpal

感謝Satpal我試圖在第一個選項，但它不工作。 – Pawan

你可以像這樣在輸入中使用「checked」。

<input type="radio" data-value="Two" class="trainerradio" value="9" name="trainernames" checked>

來源

2016-12-15 08:34:07

你的代碼不能正常工作，因爲您的目標是價值而不是數據價值。此外，如果收音機將被檢查，沒有用戶界面將更新，因爲無線電通過CSS顯示：在pusudo課後。

您可以更新到您的jQuery代碼：

$('.trainers_listWrap label').eq(0).click();

來源

2016-12-15 09:00:32

如何設置其文本值經過單選按鈕

回答

相關問題