的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'); 
});