Question

我有一个radiobutton列表。当我点击单选按钮时，会显示相应的内容，这些是滑块内容。我为此目的使用jquery.bxslider.js。在2种情况下工作正常： -

1-当我点击radiobutton时。 2-当我创建一个单独的按钮时，在onclick事件中调用该函数。然后拨打该按钮。这定义如下。

<input id="checkbtn1" type="button" value="show" onclick="javascript:checkButton();" />

<script>        

function checkButton() {
$("#plan-3").prop("checked", true);
$("input:radio[name=PremiumGroup][id=plan-3]").trigger('click');
}
</script>

但我的要求是自动触发按钮事件或任何如何单击radiobutton以便显示相应的滑块。我为此目的编写了下面的代码，但它只选择单选按钮但没有触发事件。

<script>
    $("#checkbtn1").click();
</script>

有人可以帮忙吗？

Answer 1

问题是你是在动态创建按钮而click方法没有注册元素。

你可以触发$（document）.ready（）中的点击，它应该可以工作，因为dom现在已加载，而jquery知道你的按钮。

看起来应该是这样的：

$(document).ready(function(){        
  $('#checkbtn1').trigger('click');
});

你在dom中有元素不是吗？ Here is a link to the jsBin:

Answer 2

I tried something like this and it works :

$(document).ready(function(){

  $('#checkbtn1').click(function(){
    $('#plan-3').prop("checked", true).trigger('click');
  });

  $('#plan-3').click(function(){
    alert('radio button clicked');    
  });
});

Check this fiddle : https://jsfiddle.net/e174f7t3/3/

我只使用了两个事件而不是一个。

Html按钮点击事件不会触发单选按钮

2 个答案: