javascript - jQuery 开关按钮开/关应设置不同的数据状态和 Onclick 功能

Question

仍在学习 jQuery，并将感谢任何帮助。

我目前正在使用这个 jQuery Switchbutton https://github.com/olance/jQuery-switchButton 它使用复选框作为输入类型，并创建带标签的跨度标签。 我怎么说我希望 on_label 具有 data-status="accept"和 off_label data-status="decline"？

HTML: <input type="checkbox" id="accept-offer"/>

JS: $("input#accept-offer").switchButton({ on_label: "Accept", off_label: "Ignore"<br/> });

谢谢!!

Answer 1

你可以尝试这样做:

$('.switch-button-label.on').data('status','accept');
$('.switch-button-label.off').data('status','decline');

或者:

$('.switch-button-label.on').attr('data-status','accept');
$('.switch-button-label.off').attr('data-status','decline');