JQuery:在输入复选框类型中选择
我想更改我的标记样式 我的html代码: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?线通过:无; }; 段落 您的段
<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");
}
});