作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个包含不同类别的下拉列表,我的设置如下:
主要1
子1
子1
子1
主要2
子2
子2
子2
等等
当我按“Main1”时,将检查所有“Sub1”,依此类推。我已经制作了一个可以运行的函数。
$('.main_check_1').change(function() {
var checkboxes = $(".check_1");
if($(this).is(':checked')) {
checkboxes.prop('checked', true);
} else {
checkboxes.prop('checked', false);
}
});
但只有当我对其进行硬编码时,它才不会动态工作。
(在我的管理页面上,我将能够添加更多内容并给它们一个 id,Main"1"、Sub"1"等)。
知道我该怎么做吗?
最佳答案
您可以给它们一个唯一的 id 名称和一个非唯一的类名,例如“checklist”,而不是给主电源一个唯一的类名。确保子类的类名与其父主 ID 相同。现在你可以做一些类似的事情:
$('.checklist').change(function () {
var mainCheck = this;
$("." + mainCheck.id).each(function () {
$(this).prop('checked', $(mainCheck).prop('checked'));
});
});
关于javascript - Jquery,动态复选框选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31902698/
我是一名优秀的程序员,十分优秀!