我有一个jquery函数,当某些复选框被选中或未选中时,它可以显示或隐藏div,使用"change"函数可以很好地工作。因此,如果复选框以前已经被选中,相应的div就不会显示。我如何才能改变这个代码使其工作呢?
我的代码在这里:
<script>
jQuery(document).ready(function($) {
$('.my_features').change(function() {
var checkbox = $(this);
if( checkbox.is(':checked') ) {
$( '#' + checkbox.attr('data-name') ).show();
} else {
$( '#' + checkbox.attr('data-name') ).hide();
}
});
});
</script>
5条答案
按热度按时间2vuwiymt1#
这是非常规范的。
我会使用data-id而不是data-name:
如果您不喜欢混合DOM和jQuery访问,那么
hfsqlsce2#
我假设您的问题是如何显示/隐藏在加载页面时已经选中/未选中的复选框的div。
您可以通过将用于
change()
的同一个函数传入each()
方法来实现这一点,该方法将遍历每个复选框并运行该函数。演示
x一个一个一个一个x一个一个二个x
ewm0tg9j3#
您可以使用以下命令获取数据,然后根据复选框值显示或隐藏div
您可以看到正在工作的
fiddle
oyt4ldly4#
v9tzhpje5#
试试这边。