OnClick將標籤添加到標籤

Question

我正在處理測驗腳本。我隱藏了單選按鈕，並希望使標籤類（單選按鈕僞）可點擊。

我：

<li class="pos-3"> 
    <input type="radio" value="4" id='radio1_<?php echo $result['id'];?>' name='<?php echo $result['id'];?>'/> 
    <label class="" for="radio1_<?php echo $result['id'];?>"><?php echo $result['answer4'];?></label> 
</li> 

我以爲我可以像使用jQuery實現這一目標：

$(document).ready(function() { 
if($("input.check").is(":checked")){ 
$(this).label.addClass("checked"); 
    } 
}); 

但慘遭失敗。

任何建議，無線電點擊註冊。但是班級並沒有被添加。

每個問題有4個（li）選項。

Answer 1

你需要有無線電元件登記變更處理程序，那麼你可以使用.toggleClass（）來切換檢查類標籤

jQuery(function() { 
    $('input[type="radio"]').change(function() { 
     $('input[name="' + this.name + '"]').not(this).next().removeClass('checked'); 
     $(this).next().toggleClass('checked', this.checked) 
    }) 
}) 

演示：Fiddle

Answer 2

你可以從其他無線電按鈕添加checked類點擊單選按鈕，並刪除類這樣的：

$('input[type="radio"]').change(function() { 
    $('input[type="radio"]').next().removeClass('checked'); 
    $(this).next().addClass('checked');  
}); 

Demo