Question

我有以下代码来检查是否选中了单选按钮：

table td {
border: 1px solid blue;
}

table td:nth-child(1) {
width:100px;   //your value
}

table td:nth-child(2) {
word-wrap: break-word;
}

适用于页面加载。但我想听听任何改变。因此，一旦页面加载，如果用户点击它，然后做的东西。如何改进我的代码？

Answer 1

想要倾听任何变化。所以一旦页面加载，如果用户点击它，然后做点什么。

尝试使用.on()，change事件

jQuery("input:radio[name=type]").on("change", function() {
  if (jQuery(this).is(":checked")) {
   // do stuff
  }
})
// trigger `change` event at page load
.change();

jQuery(function() {
  jQuery("input:radio[name=type]").on("change", function() {
      if (jQuery(this).is(":checked")) {
        // do stuff
        alert(this.checked)
      }
    })
    // trigger `change` event at page load
    .change();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input type="radio" name="type" checked="true" />

或者，将handler定义为命名函数，在页面加载和更改事件时调用命名函数

jQuery(function() {
  
  function changeHandler() {
      if (jQuery(this).is(":checked")) {
        // do stuff
        alert(this.checked)
      }
    }
  
  // call `changeHandler` with `this`
  // set to `jQuery("input:radio[name=type]")[0]` element
  changeHandler.call(jQuery("input:radio[name=type]")[0]);
  
  jQuery("input:radio[name=type]").on("change", changeHandler);

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input type="radio" name="type" checked="true" />

jQuery：检查并监听是否选中了单选按钮

1 个答案: