Question

我的要求是，当用户单击Web应用程序上的任何单选按钮时，我可以执行一些javascript代码。

目前，我正在努力在输入列表中注册一个click事件。

我目前在我的应用程序中具有以下代码，目的是可视化单选按钮的结构：

var excardsRadio = $("input[id^='card-radiobutton']");

哪些印刷品：

[input#card-radiobutton-0, input#card-radiobutton-1, prevObject: init(1), context: document, selector: "input[id^='card-radiobutton']"]

因此，现在基本上我正在尝试在所有这些输入（card-radiobutton-0和card-radiobutton-2）上注册相同的click函数，其中，单击函数现在仅会在控制台上记录发生了什么情况。

有人在我试图在这里完成什么方面有任何提示或指南吗？

Answer 1

正如@Rory所评论的那样，您应该在元素上使用一个通用类。

 $(document).on('click', '.youradioclass', yourfunction);

。

function yourfunction(){

   your javascript code here...

}

Answer 2

您可以使用此代码处理整个页面中的广播事件。

$('input[type="radio"]').on('click', function(){alert("working");});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Click here to display alert
<input type="radio"/>
<input type="radio"/>
<input type="radio"/>

如何在输入列表中注册单击事件（单选按钮？）

2 个答案: