Question

我正在使用插件来更改复选框模板。现在，我想在复选框的基础上创建隐藏和显示。

$(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隐藏和其他显示的情况下选中复选框时。所以插件更改复选框的模板，并在我选中复选框时在模板中添加一些帮助对象，它的显示会在界面中显示，但在html输入复选框中不会起作用，这就是为什么我的Even不能正常工作的原因。

我正在共享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>

jQuery的隐藏和显示复选框事件不起作用

0 个答案: