關於單選按鈕的更改事件的jQuery

Question

這是我的HTML：

<div class="form-item">
 <label>Disability: </label>
  <div class="form-radios student_course_disablity">
    <div class="form-item" id="edit-student-course-disability-not-stated-wrapper">
     <label class="option" for="edit-student-course-disability-not-stated">
      <input type="radio" id="edit-student-course-disability-not-stated" name="student[course][disability]" value="not_stated" checked="checked" class="form-radio student_course_disablity">  Not Stated</label>
    </div>
 <div class="form-item" id="edit-student-course-disability-yes-wrapper">
   <label class="option" for="edit-student-course-disability-yes">
     <input type="radio" id="edit-student-course-disability-yes" name="student[course][disability]" value="yes" class="form-radio student_course_disablity"> Yes</label>
 </div>
 <div class="form-item" id="edit-student-course-disability-no-wrapper">
   <label class="option" for="edit-student-course-disability-no">
     <input type="radio" id="edit-student-course-disability-no" name="student[course][disability]" value="no" class="form-radio student_course_disablity"> No</label>
 </div>
</div>

我想為這個單選按鈕運行onchange事件：

我試過這個方法：

$('input[type=radio][name=student[course][disability]]').change(function() {
  alert('hi');
});

但沒有運氣

Answer 1

將名稱放在雙引號中，如下所示。 希望這會有所幫助。

$('input[type=radio][name="student[course][disability]"]').change(function () {   
    alert('hi');
});

Answer 2

你最好按class而不是使用name選擇器進行分組，沒有"引號”。你可能想要使用： 'input[name="student[course][disability]"]' 。

$('input.student-course-disability').on("change click", function() {
  alert('hi');
});

添加click事件，以防萬一。 不要忘記將class賦予<input />元素。

我已經為您提供了最佳解決方案，但對於您的更新解決方案：

$('input[name="student[course][disability]"]').change(function () {   
    alert('hi');
});