Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
内部不可勾选复选框<;李>;html条目-与用于折叠/扩展列表项的javascript结合使用_Javascript_Html_Checkbox_Html Lists - Fatal编程技术网

内部不可勾选复选框<;李>;html条目-与用于折叠/扩展列表项的javascript结合使用

内部不可勾选复选框<;李>;html条目-与用于折叠/扩展列表项的javascript结合使用,javascript,html,checkbox,html-lists,Javascript,Html,Checkbox,Html Lists,我发现了一些用于折叠和展开列表项的代码,因为我不希望在页面显示时立即显示整个列表: $(函数(){ $('li:has(ul)')。单击(函数(事件){ if(this==event.target){ $(this.css('list-style-image',(!$(this.children().is(':hidden'))?'url(plus.gif):'url(plus.gif)'; $(this.children().toggle('fast'); } 返回false; }) .cs

我发现了一些用于折叠和展开列表项的代码,因为我不希望在页面显示时立即显示整个列表:

$(函数(){
$('li:has(ul)')。单击(函数(事件){
if(this==event.target){
$(this.css('list-style-image',(!$(this.children().is(':hidden'))?'url(plus.gif):'url(plus.gif)';
$(this.children().toggle('fast');
}
返回false;
})
.css({cursor:'pointer','list-style-image':'url(plus.gif)}).children().hide();
$('li:not(:has(ul))).css({cursor:'default','list-style-image':'none});
});
我添加了一些带有文本框的列表项,但现在我还需要复选框。当我在列表项中添加复选框时,它将变得不可读取


我已经把范围缩小到上面的代码,把复选框搞乱了。我可以用代码修改一些内容,以便选中复选框吗?

问题是您
返回false
,这在jQuery事件处理程序中相当于
event.preventDefault()
event.stopPropagation()
。把它评论出来,它就会起作用


这是。

有没有可能重现您的问题?+NOED的链接。我曾在其他SO帖子中听到过提琴,但今天我第一次查看。一见钟情,伙计。谢谢你的链接。好的。。。第一次使用JS fiddle,但我制作了一个快速演示。希望这有帮助!在演示中,单击显示“单击此处展开”的位置,对我来说,该复选框是不可选中的。顺便说一句,如果(this==event.target),则
背后的意图是什么?不完全确定-我从一个关于可折叠列表的教程中提取了这篇文章,该教程对每行代码背后的推理没有多少信息。它在一段时间内运行良好,直到我需要添加一个复选框。很好,运行完美!这是我之前在试图缩小问题范围时唯一没有评论的部分。谢谢完成!第一次使用stackoverflow和JS Fiddle。已经编程好几年了,所以学习新东西总是很棒的。谢谢:)
$(function(){

 $('li:has(ul)').click(function(event){

      if(this==event.target){

       $(this).css('list-style-image',(!$(this).children().is(':hidden'))?'url(plus.gif)':'url(minus.gif)');

       $(this).children().toggle('fast');

      }

       return false;

     })

     .css({cursor:'pointer','list-style-image':'url(plus.gif)'}).children().hide();

     $('li:not(:has(ul))').css({cursor:'default','list-style-image':'none'});

});

</script>