javascript - jQuery 关于单选按钮的更改事件

标签 javascript jquery html radio-button

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

但没有运气

最佳答案

将名称放在双引号中,如下所示。希望这会有所帮助。

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

关于javascript - jQuery 关于单选按钮的更改事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34764697/

相关文章:

javascript - 使 <li> 元素比包含的 <ul> 元素拉伸(stretch)得更宽

javascript - JQuery 动态脚本标签和执行

javascript - 根据输入 jquery 的值生成 n 个表行

jquery - fancybox.js 、缺少 Sprite 、Rails 的异常照片行为

jquery - 背景没变

javascript - 删除jquery中ul的第一个li

javascript - 使用 Gulp 将 Handlebars 模板预编译为单独的 JST (.js) 文件

javascript call 方法中的 "this"对象

javascript - 使用传单将边界图层添加到离线 map

javascript - 使用 jQuery 单击链接