javascript - div状态更改时更改输入

我有这个div和此输入：

<fieldset>
    <input/>
    <label></label>
    <div class="toggle_box">
        <div class="switch"></div>
    </div>
</fieldset>

当checked的状态更改时，我希望输入为<div class="switch"></div>：

<fieldset>
    <input checked="checked" />
    <label></label>
    <div class="toggle_box">
        <div class="switch" state="on"></div>
    </div>
</fieldset>

知道我将如何使用jQuery吗？
谢谢 ：）

最佳答案

Salut SnippetSpace！
我在这里准备了JSFiddle D E M O

希望这会有所帮助
ciao et bonne的机会！ :)

顺便说一句，
我用了：

$.fn.toggleChkBx = function() {
    if ($('.switch').attr('state') == 'on') {
        $(this).attr('checked', !$(this).find(':input').attr('checked'));
    }
}

并命名为Ex .：
$（'。some_Element'）。click（function（）{....

 $(this).parent().find(':input').toggleChkBx(); // RUN OUR fn