[英]Enabled and disabled checkbox using javascript
這是我的復選框和文本框:
<td> <input type ="checkbox" id="haha" onclick="enable('<?php echo $agenda->id; ?>')" value=<?php echo $agenda->id; ?>>
<td> <input type="text" name="dnama" id="nama_<?php echo $agenda->id; ?>" value="<?php echo $agenda->nama; ?>" disabled /> </td>
<td> <input type="text" name="dketer" id="ket_<?php echo $agenda->id; ?>" value="<?php echo $agenda->keterangan; ?>" disabled> </td>
這是我的javascript:
function enable(id) {
var disabled = !document.getElementById('haha').checked;
document.getElementById("nama_"+id).disabled = disabled;
document.getElementById("ket_"+id).disabled = disabled; }
我的問題是為什么這僅適用於第一行,我首先選中了復選框,文本框將被啟用,然后我取消選中第一個復選框並選中第二個和其他文本框仍然禁用..我該如何解決這個問題?
您可以只使用一種功能:
function toggle(someId) {
document.getElementById(someId).disabled = !document.getElementById(someId).disabled;
}
您需要以下內容:
function testEna() {
var dis = this.checked;
document.getElementById("nama"+this.id).disabled=dis;
document.getElementById("ket"+this.id).disabled=dis;
}
window.onload=function() {
var ena = document.querySelectorAll(".enabler");
for (var i=0;i<ena.length;i++) {
ena[i].onclick=testEna;
ena[i].onclick(); // run now too
}
}
使用
<input type="checkbox" class="enabler" id="<?php echo $agenda->id; ?>" />
<input type="text" name="dnama" id="nama_<?php echo $agenda->id; ?>" value="<?php echo $agenda->nama; ?>"/>
<input type="text" name="dketer" id="ket_<?php echo $agenda->id; ?>" value="<?php echo $agenda->keterangan; ?>"/>
我不知道您的 ID,但禁用和啟用復選框代碼如下:
function enable() {
document.getElementById("some_id").disabled= false;
}
function disable() {
document.getElementById("some_id").disabled= true;
}
正如您所說,您兩次使用相同的 ID。無需更改 ID,您就可以使用它。 但是你應該更新參數,而不是傳遞 id 你應該傳遞這個對象
function enable(pobj) {
var id = pobj.value;
var disabled = !pobj.checked;
document.getElementById("nama_"+id).disabled = disabled;
document.getElementById("ket_"+id).disabled = disabled;
}
最好不推薦使用相同的 id。
作為參考,您可以查看https://jsfiddle.net/uw5f001q/3/
我不知道你的問題到底是什么,但是為此使用 jQuery 很好。 我已經嘗試過這個。 請參閱下面的 jsfiddel 鏈接
jsfiddle.net/ravipateldhg/5c7rdt0a
嘗試這個..
function EnableDisable(id) {
document.getElementById("nama_"+id).disabled =false;
document.getElementById("ket_"+id).disabled = false;
var disabled = !document.getElementById('haha').checked;
document.getElementById("nama_"+id).disabled = disabled;
document.getElementById("ket_"+id).disabled = disabled; }
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.