在datagrid的表头上的其中一个列加checkbox而导致checkbox无法选中的问题的一种解决方案

原创于 2016-10-13 19:37:57 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#checkbox #datagrid #easyui

本文介绍了一种在使用easyui的datagrid组件时，解决表头中Checkbox无法点击问题的方法。通过替换Checkbox元素来实现功能，适用于遇到类似难题的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在datagrid的表头的其中一个列上加了一个checkbox导致checkbox无法选中的折腾了一下午,试了各阻止事件冒泡的办法实在是都不行，不得不服easyui写的牛逼啊。。最后想出来的解决办法，希望能帮有遇到该问题的同学。

解决方案就是替换掉无法选中的checkbox

上代码：

        var $checkboxtrue="<input type='checkbox' id='ishastyzy' checked:checked  style='height: 18px; width: 18px; vertical-align:middle; cursor: pointer;' >";
        var $checkboxfasle="<input type='checkbox' id='ishastyzy'   style='height: 18px; width: 18px; vertical-align:middle; cursor: pointer;' >";
        $('#havacheckbox').html("");
        if($("#ishastyzy").attr('checkbox')){
            $('#havacheckbox').append($checkboxfasle);

        }else{
            $('#havacheckbox').append($checkboxtrue);
        }