亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何啟用文本字段以使用 javascript 和 html 進行編輯?

如何啟用文本字段以使用 javascript 和 html 進行編輯?

qq_遁去的一_1 2021-11-12 17:47:32
我從數據庫中獲取了我的文本字段的價值,它工作得非常好。我想創建一個復選框,當單擊復選框時,來自數據庫的值將在文本字段和文本文件中清除,允許用戶輸入新值。如果未單擊復選框,則來自數據庫的值將是只讀/未修改/禁用。文本字段不允許用戶進行編輯。我正在使用此代碼:<div>Enter New Details: <input type="checkbox" id="myCheck"  onclick="myFunction()"><p id="textdis" style="display:none">Checkbox is CHECKED!</p><hr><br><label for="full_name">Full Name:</label><input class="form-control" type="text" name="full_name"  id="full_name" value="<?=$fullname;?>" readonly></div><!-- // Check Box Functionality For Enter New Address --><script>function myFunction() {var checkBox = document.getElementById("myCheck");var text = document.getElementById("textdis");if (checkBox.checked == true){ text.style.display = "block";<!-- Here I want If the checkbox is clicked allow the user to enter value in the textfield--><input class="form-control" type="text" name="full_name"  id="full_name" disabled="enabled">} else {  text.style.display = "none";<!-- Here I want If the checkbox unclicked take value from the database and don't allow user to edit the textfield--><input class="form-control" type="text" name="full_name"  id="full_name" value="<?=$fullname;?>" readonly>}}</script>單擊復選框時,文本字段不允許編輯。
查看完整描述

2 回答

?
翻過高山走不出你

TA貢獻1875條經驗 獲得超3個贊

將“onclick”更改為“onchange”


onchange="myFunction()"

根據復選框值切換輸入的禁用屬性


function myFunction() {

   var checkBox = document.getElementById("myCheck");

   var text = document.getElementById("textdis");

   var field= document.getElementById("full_name");

   if (checkBox.checked == true){

      text.style.display = "block";

      field.disabled=false;

   } else {

      text.style.display = "none";

      field.disabled=true;

   }

}

我建議您添加一些服務器端驗證以及您使用的任何語言。


查看完整回答
反對 回復 2021-11-12
?
森林海

TA貢獻2011條經驗 獲得超2個贊

我建議您在未選中復選框時在文本框上設置禁用狀態,并在復選框的更改時切換此禁用狀態。


HTML


<input type="checkbox" id="myCheck"  onChange="myFunction()">

JS


var nameText = document.getElementById('full_name');

var checkBox = document.getElementById('myCheck');


function myFunction() {


    if (checkBox.checked) {

         nameText.disabled = false;

     } else {

        nameText.disabled = true;

     }

    }


查看完整回答
反對 回復 2021-11-12
  • 2 回答
  • 0 關注
  • 189 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號