gpt4 book ai didi

javascript - 如何使用 jquery 中的值将 元素包裹在复选框周围

转载 作者:行者123 更新时间:2023-11-28 19:08:14 25 4
gpt4 key购买 nike

我正在尝试此代码,但它不起作用,请帮忙,jquery 新手

我的 HTML

<div class="has-success topSpaceFromRoof">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxSuccess" value="option1"> SAM C WILL HAVE BACON
</label>
</div>
</div>

我的 JavaScript

$("input[type=checkbox]").click(function() {
if ($(this).click) {
$(this).attr('disabled', 'disabled').wrapAll('<del></del>');
}

});

最佳答案

请参阅下面代码中的内联注释。

$("input[type=checkbox]").click(function() {

// Check if checkbox is checked
if ($(this).is(':checked')) {

$(this).attr('disabled', 'disabled'); // Disable checkbox

var checkboxHtml = $(this).closest('label').html(); // Get the checkbox with the name of it

$(this).closest('label').html('<del>' + checkboxHtml + '</del>'); // Wrap it in `del` tag
}
});

Demo

关于javascript - 如何使用 jquery 中的值将 <del></del> 元素包裹在复选框周围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31261930/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com