我的问题
jQuery(document).ready(function () {
if ($('input.pokazkontakt').prop(':checked')) {
$(this).parent().nextAll('.pkbox:first').css('display', 'block');
} else {
$(this).parent().nextAll('.pkbox:first').css('display', 'none');
}
$('input.pokazkontakt').click(function () {
$(this).parent().nextAll('.pkbox:first').toggle('fast');
});
});
JS 的第二部分正在运行 (toogle),但我想先检查复选框是否已选中并隐藏 div 或显示。哪里出了问题?
最佳答案
试试这个:
jQuery(document).ready(function () {
$('input.pokazkontakt').each(function(){
if ($(this).is(':checked')) {
$(this).parent().nextAll('.pkbox:first').css('display', 'none');
} else {
$(this).parent().nextAll('.pkbox:first').css('display', 'block');
}
});
$('input.pokazkontakt').click(function () {
$(this).parent().nextAll('.pkbox:first').toggle('fast');
});
});
- 当您设置
display:none
和display:block
时,请反向使用您的逻辑。 - 使用
.is
检查选中状态。 - 使用
.each
迭代所有复选框
关于javascript - 查询。如果选中复选框,则检查 onload 并将 css 添加到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19606985/