单选按钮更改事件时的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事件，以防万一。不要忘了给<input />元素提供class。

我已经给了你最好的解决方案，但对于你更新的解决方案：

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