Javascript jquery隐藏并显示复选框事件不起作用

Javascript jquery隐藏并显示复选框事件不起作用,javascript,jquery,html,Javascript,Jquery,Html,我正在使用插件更改复选框模板。现在我想在复选框的底部创建隐藏和显示 $(function($){ $('body').on('change','[data-type=Working]',function(){ var Checked = $(this).prop('checked') ? 1 : 0; if(Checked){ $('[data-type=EndDateContainer]').attr('style','display:none;');

我正在使用插件更改复选框模板。现在我想在复选框的底部创建隐藏和显示

$(function($){
    $('body').on('change','[data-type=Working]',function(){
    var Checked = $(this).prop('checked') ? 1 : 0;
    if(Checked){
        $('[data-type=EndDateContainer]').attr('style','display:none;');
    }else{
        $('[data-type=EndDateContainer]').attr('style','display:block;');
    }

});
$('body input[name=Currently]:checked').change();
选中复选框时,给定div hide和else show。因此,当我选中复选框时,插件更改了复选框的模板,并在模板中添加了一些帮助程序内容。它的显示签入界面,但在html输入复选框中不起作用。这就是为什么我的设置不能很好地工作的原因

我正在分享html

<div class="md-input-wrapper">
                                        <span class="icheck-inline"> <div class="icheckbox_md checked"><input data-type="Working" data-md-icheck="" id="1" checked="checked" name="Currently" value="1" type="checkbox" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;" data-parsley-multiple="Currently" data-parsley-id="24"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> <label for="Currently Working" class="inline-label">Currently Working</label></span>
                                    </div>

目前正在工作

$('body input[name=current]:选中')。更改()是在事件被附加之前被执行的。它是编辑模式,但它不重要,我已经用过很多次了