Question

我有一个包含大量复选框的表单。

动态创建名称和复选框数。

当我点击其中任何一个复选框时，如何获得jquery onClick事件？

<form id="myform">
    <input type="checkbox" name="chk_123">
    <input type="checkbox" name="chk_456">
    <input type="checkbox" name="chk_23">
    <input type="checkbox" name="chk_3">
    <input type="checkbox" name="chk_443">
    <input type="checkbox" name="chk_6764">
</form>

我希望使用表单的id选择它们，在本例中，所有复选框都属于#myform形式。

我问这个问题，因为我不想只为每个复选框添加一个类名，而是按类名选择。

我的目标：一个警告框“你刚刚点击了名为chk_的复选框{无论数字是多少}”

Answer 1

使用属性选择器：

$('#myform input[type="checkbox"]').change(function() {
    alert("You just clicked checkbox with the name " + this.name)
});

Example fiddle

Answer 2

你可以这样做：

$('#myform').on('change','input[type="checkbox"]',function() {
    alert('you just clicked the checkbox with name' + this.name);
});

Answer 3

你可以像下面这样实现它：

$("#myform input:checkbox").change(function() {
    alert("you just clicked the checkbox with name "+ $(this).attr("name"));
});

单击特定表单的任何复选框时的jquery事件

3 个答案: