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

问题描述：

我有一个单选按钮列表。当我点击单选按钮时，相应的内容正在显示，这些是滑块内容。我正在使用jquery.bxslider.js来达到这个目的。它工作正常2例： -Html按钮单击事件不会触发单选按钮

1-当我点击单选按钮。 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>

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

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

有人可以帮忙吗？

答

问题是您正在创建按钮，并且click方法不会注册该元素。

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

它建议立即进行删除是这个样子：

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

你确实有在DOM元素，不是吗？ Here is a link to the jsBin:

至于你的建议，我添加了$（document）.ready（），但现在它完全不像之前选择那样选择单选按钮。 –

您能否给出其他建议？ –

我刚更新了代码并添加了一个预览链接 –

答

我想是这样的，它的工作原理：

$(document).ready(function(){ 

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

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

检查此琴：https://jsfiddle.net/e174f7t3/3/

我只是用一两个事件来代替。

你想在jsfiddle中显示什么，这里没有任何工作。顺便说一下，当我写这个$（“＃checkbtn1”）。click（）;在$（document）.ready（）里面，单选按钮根本没有选择，并且在ready（）单选按钮之外选择，但那个滑动条不显示哪个只通过点击来显示。 –

我不确定你想要什么。你想单击按钮右边的单选按钮触发你的单选按钮？对不起，如果我误解了 – Alex85651

我的要求是按钮事件单击事件触发按钮事件和按钮事件自动触发当页面加载。 –

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

相关推荐