如何使用jquery获取以值开头的类并将事件添加到每个类中的复选框[关闭]

Posted 2023-03-05

【中文标题】如何使用jquery获取以值开头的类并将事件添加到每个类中的复选框[关闭]

【英文标题】：How to use jquery to get classes starting with a value and adding events to checkboxes in each of the classes [closed]

【发布时间】：2016-06-08 21:51:26

【问题描述】：

我有一组以marg- 开头的类。类似于下面的模式：

'<div class="marg-1 row-">'+
                '<p class="subject-math col-6">Mathematics</p>'+
                '<div class="check-div col-1" > <input type="checkbox" class="math-check"  /></div>'+
           '</div>'+
           '<div class="marg-2 row-">'+
                '<p class="subject-eng col-6">English</p>'+
                '<div class="check-div col-1" > <input type="checkbox" class="eng-check"  /></div>'+
           '</div>'+
           '<div class="marg-3 row-">'+
                '<p class="subject-phy col-6">Physics</p>'+
                '<div class="check-div col-1" > <input type="checkbox" class="phy-check"  /></div>'+
           '</div>'  

我想编写 jquery 代码来定位它们并在其中的复选框中添加一个 onselect 事件。

我该怎么做？

【参考方案1】：

您应该查看 Jquery 选择器文档。

$('div[class^="marg-"]').find('checkbox').bind('change', function() 
    // Your code here...   
    alert($( this ).val());
);

【讨论】：

它似乎不起作用。元素是动态生成的，我添加了一个将上述解决方案封装到包含 div 的 onload 的函数。但我没有收到任何警报。

对不起，这是我的错，我刚刚发现在我的用例中，类名是按相反的顺序定义的。非常感谢！