javascript - jQuery 点击触发禁用移动页面

Question

我有 3 个带有标签的单选按钮，当用户单击其中一个时，更改事件将处于事件状态。

$('input[type=radio][name=cs_radio_province]').change(function() {
  //Do something
}

现在，我使用 prop 在广播中自动选择它

$('#button').click(function (){
    $('input#radio1').prop('checked', true);
})

但是在这种情况下不会调用更改事件，因此我使用触发点击来代替。

$('#button').click(function (){
    $('input#radio1').click();
})

现在单选按钮的更改事件正在工作，我将单选按钮放在页面底部，然后滚动到顶部，当 $('input#radio1').click(); 运行时，我的位置始终位于底部靠近单选按钮的位置。

那么我该如何解决这个问题呢？我不希望我的浏览器在单击触发器处于事件状态时向下滚动，或者有更好的想法吗？

Answer 1

您应该触发 change 事件。

$('#button').click(function (){
    $('#radio1').prop('checked', true).change();
})