我創建了點擊時應該調用javacript方法的複選框。如何在勾選一次後禁用複選框?
<input class="checkbox" type="checkbox" name="actor-checkbox" onclick="addTotargetGroup($user);" id=$i >
但是,一旦用戶點擊它,應該被禁用,並且不應該允許用戶再次點擊它。
我創建了點擊時應該調用javacript方法的複選框。如何在勾選一次後禁用複選框?
<input class="checkbox" type="checkbox" name="actor-checkbox" onclick="addTotargetGroup($user);" id=$i >
但是,一旦用戶點擊它,應該被禁用,並且不應該允許用戶再次點擊它。
您可以修改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
}
我可以在調試控制檯看到它被禁用。但是我可以再次檢查它,因爲它在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);
}
我可以在調試控制檯看到它被禁用。但是我可以再次檢查它,因爲它在UI上不起作用。 –
是否有任何定製的「複選框」或簡單的? –
這是一個簡單的,但複選框被添加到服務器端Java代碼 –
在'addToTargetGroup' –
禁用它在addTotargetGroup方法添加這行代碼:'的document.getElementById( 「youcheckboxid」)禁用= TRUE;'。 – deepakb
你想在純JavaScript或像jquery框架禁用它? –