如何在勾選一次後禁用複選框？

我創建了點擊時應該調用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代碼 –

回答