Javascript 当我第一次选中该复选框时，程序将执行。但在取消选中后，不会执行

这是我的剧本

当我第一次选中该复选框时，程序将执行。但在取消选中后（它将隐藏输出），当我想再次检查它时，它将不会显示我的结果

<script>
$(document).ready(function() {
$('#chk input').change(function(){

    if($(this).is(":checked")) {
        // checkbox is checked -> do something
        var url=$(this).attr('value');
             $('#headlines').load('Subcri.php?searchquery='+ url);
             return false;
    } else {
        // checkbox is not checked -> do something different
       $('#headlines').hide();
    }

});

}); // end ready

---

隐藏后，您没有显示标题div。如果它是隐藏的，您需要显示它

将js脚本替换为以下内容：

<script>
    $(document).ready(function() {
    $('#chk input').change(function(){

        if($(this).is(":checked")) {
            // checkbox is checked -> do something
            var url=$(this).attr('value');
                 if(! $('#headlines').is(":visible")){
                    $('#headlines').show();
                  }
                 $('#headlines').load('Subcri.php?searchquery='+ url);
                 return false;
        } else {
            // checkbox is not checked -> do something different
           $('#headlines').hide();
        }

    });

    }); // end ready

$（文档）.ready（函数（）{
$（'#chk input'）.change（函数（）{
如果（$（this）.is（“：checked”））{
//选中复选框->执行操作
var url=$（this.attr（'value'）；
如果（！$（“#标题”）是（“：可见”））{
$（“#标题”）.show（）；
}
$（“#标题”）.load（'Subcri.php？searchquery='+url）；
返回false；
}否则{
//复选框未选中->执行其他操作
$（“#标题”）.hide（）；
}
});
}); // 准备就绪

现场演示：

使用此

if(! $('#headlines').is(":visible")){
   $('#headlines').show();
}

---

它将显示

是的，它工作正常

if(! $('#headlines').is(":visible")){
   $('#headlines').show();
}