Question

我正在使用mootools＆amp;用于自定义复选框和单选按钮的moocheck javascript库。

<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-1.4.2.min.js") %>"></script>  
<script type="text/javascript" src="<%= Url.Content("~/Scripts/mootools.js") %>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/moocheck.js") %>"></script>

这很好用，并显示自定义复选框样式proplery。但是，如果我使用jQuery以编程方式设置复选框，则不会更新复选框样式。

   jQuery(document).ready(function () {
        FancyForm.start();

        jQuery('#changeIt').click(function () {
            jQuery('#checkthis').attr('checked', true);
            jQuery('#checkthis').attr('checked', 'checked');                
        });

    });

Answer 1

为moocheck.js添加了以下方法来更新特定的复选框或单选按钮

updateSpecific: function (ctrlId, isChecked) {
    FancyForm.chks.each(function (chk) {
        if (chk.inputElement.getProperty('id') == ctrlId) {
            chk.inputElement.setProperty('checked', isChecked);               
        }
    });
}

并修改了客户端代码，如下所示......

   jQuery(document).ready(function () {
        FancyForm.start();

        jQuery('#changeIt').click(function () {
            FancyForm.updateSpecific('checkthis', true);
        });
    });

如果以编程方式检查复选框，Mootools / moocheck不会更新样式

1 个答案: