Javascript 当div状态更改时更改输入
我有这个div和这个输入:Javascript 当div状态更改时更改输入,javascript,jquery,Javascript,Jquery,我有这个div和这个输入: <fieldset> <input/> <label></label> <div class="toggle_box"> <div class="switch"></div> </div> </fieldset> 你知道我将如何使用jQuery实现这一点吗? 谢谢:)根据您的代码: 无论何时将div state设
<fieldset>
<input/>
<label></label>
<div class="toggle_box">
<div class="switch"></div>
</div>
</fieldset>
你知道我将如何使用jQuery实现这一点吗?
谢谢:)根据您的代码:
无论何时将div state设置为on,也请选中该框。就这么简单。您可以更轻松地使用以下功能进行管理:
function SetState($switch, on)
{
$switch.attr("state", on ? "on" : "off");
$switch.closest("fieldset").find("input:checkbox").attr("checked", on);
}
并按如下方式调用此函数:
SetState($(".switch"), true);
或者从.toggle\u框的上下文中
div
SetState($(this).find(".switch"), true);
或者使用目标
变量:
SetState(target, true);
向太空致敬我在这里准备了一份 希望这会有所帮助
再见,祝你好运!:) 顺便说一句,
我用过: 并称之为Ex.:
$('.some_元素')。单击(函数(){
将state属性更改为“on”的代码在哪里?您是否尝试使用“switch”类将属性“state”添加到您的div?您如何更改
div
的state
属性?state=“on”在用户单击时添加。输入是使用css隐藏的,因此我需要对其进行更改。为了简洁起见,您可能正在尝试简化代码。不要害怕输入的代码超过需要的数量,我们不会窃取您的想法:)
SetState(target, true);
$.fn.toggleChkBx = function() {
if ($('.switch').attr('state') == 'on') {
$(this).attr('checked', !$(this).find(':input').attr('checked'));
}
}
$(this).parent().find(':input').toggleChkBx(); // RUN OUR fn