只检查treeview中的一个复选框

Question

$("#grouptree").treeview({
            animated: "fast",
        collapsed: true,
        unique: true,
        persist: "cookie",
        toggle: function() {
            window.console && console.log("%o was toggled", this);
        }
    });

上面的代码是我的树视图代码，  每个复选框都有class =＆＃39; treecheck＆＃39; ，允许用户只从树视图中选中一个复选框

Answer 1

您必须在课程treecheck上编写更改事件，并且每当更改一个时，请使用此类名取消选中其他事件。

您可以使用not()：

这样做

HTML：

<input type="checkbox" class="treecheck"/>
<input type="checkbox" class="treecheck"/>
<input type="checkbox" class="treecheck"/>
<input type="checkbox" class="treecheck"/>
<input type="checkbox" class="treecheck"/>

JQUERY：

$('.treecheck').on('change', function() {
    $('.treecheck').not(this).prop('checked', false);  
});

FIDDLE

FIDDLE DEMO