javascript jquery選擇單選按鈕

Question

我有一個輸出許多div的php腳本，每個div中都有一個具有特定值的單選按鈕。 我想通過單擊div時選擇單選按鈕來創建更好的用戶體驗，當我使用jquery時這不是什么大問題。 問題是，當單擊單選按鈕本身而不是div時，以下單擊不再具有選擇單選按鈕的效果。 我還嘗試在選中所選單選按鈕之前刪除每個單選按鈕上的checked屬性，但這不起作用。 這是我的方法：

$(".fontCellDiv").click(function(){ 
     $(this).find("input").attr("checked", true);
 });

有人知道嗎？

Answer 1

使用.prop()而不是.attr()

從文檔中：

屬性與屬性

屬性和屬性之間的差異在特定情況下可能很重要。 在jQuery 1.6之前，.attr（）方法在檢索某些屬性時有時會考慮屬性值，這可能會導致行為不一致。 從jQuery 1.6開始，.prop（）方法提供了一種顯式檢索屬性值的方法，而.attr（）則檢索屬性。

Answer 2

 $(".fontCellDiv").click(function(){ $(".fontCellDiv").find("input").removeAttr('checked'); $(this).find("input").attr("checked", true); }); 

 .fontCellDiv{ width: 100px; background-color: #0f0; margin-bottom: 5px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <div class="fontCellDiv"> <input name="sameGroup" type="radio" /> </div> <div class="fontCellDiv"> <input name="sameGroup" type="radio" /> </div> <div class="fontCellDiv"> <input name="sameGroup" type="radio" /> </div> 

檢查此樣本。