Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
JQuery:在输入复选框类型中选择_Jquery_Checkbox_Input_Selector - Fatal编程技术网

JQuery:在输入复选框类型中选择

JQuery:在输入复选框类型中选择,jquery,checkbox,input,selector,Jquery,Checkbox,Input,Selector,我想更改我的标记样式 我的html代码: <input type="checkbox"><p> paragraph</p> 使用函数 $'ul.list'.onclick,输入:复选框,函数{ 美元这个 .下一个'p' .csstext装饰,此.checked?线通过:无; }; 段落 使用函数 $'ul.list'.onclick,输入:复选框,函数{ 美元这个 .下一个'p' .csstext装饰,此.checked?线通过:无; }; 段落 您的段

我想更改我的标记样式

我的html代码:

<input type="checkbox"><p> paragraph</p>
使用函数

$'ul.list'.onclick,输入:复选框,函数{ 美元这个 .下一个'p' .csstext装饰,此.checked?线通过:无; }; 段落

使用函数

$'ul.list'.onclick,输入:复选框,函数{ 美元这个 .下一个'p' .csstext装饰,此.checked?线通过:无; }; 段落


您的段落不在输入标记内。尝试使用“下一步”而不是“查找”:


您的段落不在输入标记内。尝试使用“下一步”而不是“查找”:

该元素是一个void元素,因此不应包含任何元素。您可以使用.next或.sides来获得所需的效果

$'ul.list'.onclick,输入,函数{ 如果$this.is':选中'{ $this.next'p'.csstext装饰,线穿过; }否则{ $this.p'.csstext装饰,无; } }; 段落

该元素是一个void元素,因此不应包含任何元素。您可以使用.next或.sides来获得所需的效果

$'ul.list'.onclick,输入,函数{ 如果$this.is':选中'{ $this.next'p'.csstext装饰,线穿过; }否则{ $this.p'.csstext装饰,无; } }; 段落


您可以对该行为使用CSS唯一解决方案:

输入[类型=复选框]:选中+p{ 文字装饰:线条贯通; } 段落


您可以对该行为使用CSS唯一解决方案:

输入[类型=复选框]:选中+p{ 文字装饰:线条贯通; } 段落


非常感谢,这和ErikLundgren的方法都起作用了:d谢谢,这和ErikLundgren的方法都起作用了:d这很好,但我通过单击按钮功能附加了复选框,这不起作用。别担心,我刚刚找到了解决办法D谢谢@Đứ中国ợpTrần处理任何动态元素,所以您正在做一些错误的事情,这是好的,但我通过单击按钮功能附加复选框,这不起作用。别担心,我刚刚找到了解决办法D谢谢@Đứ中国ợpTrần处理任何动态元素,所以你做错事了谢谢,但它不起作用:D我必须找到解决方案@Đứ中国ợpTrần我不知道那里发生了什么,但这很有效。我添加了代码snipet,请检查。谢谢,但它不起作用:D我必须找到解决方案@Đứ中国ợpTrần我不知道那里发生了什么,但这很有效。我添加了代码snipet,请检查。
$('ul.list').on("click", "input", function() {
    if ( $(this).is(':checked') ) {
        $(this).find('p').css("text-decoration", "line-through");
    } else {
        $(this).find('p').css("text-decoration", "none");
    }
});
$('ul.list').on("click", "input", function(){

    if( $(this).is(':checked') ) {
        $(this).next('p').css("text-decoration" ,  "line-through");
    } else {
        $(this).next('p').css("text-decoration", "none");
    }
});