檢查單選按鈕，是否選擇了父div？

Question

我有一個單選按鈕，如果用戶單擊其內部的div，我希望可以選擇它。 我有一個div的click事件，但似乎無法檢查單選按鈕。

這是我的代碼：

var new_div = document.createElement('div');
        new_div.setAttribute('id', 'controlDiv');
        new_div.setAttribute('class', 'ansClass');
var newAnswer = document.createElement('input');
        newAnswer.setAttribute('type', 'radio');
        newAnswer.setAttribute('name', 'choice');
        newAnswer.setAttribute('class', 'radioButton');
        $(newAnswer).attr("id", "button"+j);


        var newLabel = $("<label>", {id: "label"+j, class: "ansLabel", text: "answer"+j});


        $(new_div).append(newAnswer); 
        $(new_div).append(newLabel);



$( "#controlDiv" ).click(function() {
    var radButton = $(this).find('input[type=radio]');
    radButton.click();
      //  $(radButton).attr("checked", "checked");
});

Answer 1

嘗試使用.prop（）而不是.attr（）

$( "#controlDiv" ).click(function() {
    var radButton = $(this).find('input[type=radio]');
    $(radButton).prop("checked", true);
});

Answer 2

除了對Arun進行了一些修改以允許取消選中之外，我將獲得與Arun相似的答案：

$('#controlDiv').click( function(){
  var radButton = $(this).find('input[type=radio]');
  if(radButton).is(':checked')){
    $(radButton).removeAttr('checked');
  } else {
    $(radButton).attr('checked', 'checked');
  }
});

我可能會更進一步，並為單選按鈕提供特定的ID。 如果是其中之一，請嘗試上一堂課。 這只是使您的編碼更具特異性。