如何在勾选一次后禁用复选框？

我创建了点击时应该调用javacript方法的复选框。如何在勾选一次后禁用复选框？

<input class="checkbox" type="checkbox" name="actor-checkbox" onclick="addTotargetGroup($user);" id=$i >

但是，一旦用户点击它，应该被禁用，并且不应该允许用户再次点击它。

2015-08-17 user_dev

在'addToTargetGroup' –

禁用它在addTotargetGroup方法添加这行代码：'的document.getElementById（ “youcheckboxid”）禁用= TRUE;'。 – deepakb

你想在纯JavaScript或像jquery框架禁用它？ –

您可以修改addTotargetGroup()函数接受另一个参数this

<input class="checkbox" type="checkbox" name="actor-checkbox" onclick="addTotargetGroup($user,this);" id=$i >

function addTotargetGroup(user,node){ 
    node.onclick = ''; 
    node.disabled = true; 
    //put your existing logic here 
}

2015-08-17 12:33:43 joyBlanks

我可以在调试控制台看到它被禁用。但是我可以再次检查它，因为它在UI上不起作用。 –

是否点击单击框后刷新页面 – joyBlanks

是的，我可以看到复选框在单击后被禁用，但在页面刷新后启用。 –

传递control与this与user一起JavaScript函数如下：

function addTotargetGroup(user,ctrl){ 
 
    ctrl.setAttribute('disabled',true); 
 
}

<input class="checkbox" type="checkbox" name="actor-checkbox" onclick="addTotargetGroup('user',this);" id="$i"/ >

使用jquery

function addTotargetGroup(user,ctrl){ 
    $(ctrl).attr('disabled',true); 
}

2015-08-17 12:32:42

我可以在调试控制台看到它被禁用。但是我可以再次检查它，因为它在UI上不起作用。 –

是否有任何定制的“复选框”或简单的？ –

这是一个简单的，但复选框被添加到服务器端Java代码 –

回答