Javascript 当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设

我有这个div和这个输入:

<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