只能新增不能編輯怎麼控制js腳本,js設置表單不可編輯

本文目錄一覽:

如何才能做到IE瀏覽器JS腳本攔截並修改

源代碼執行時估計是不好改。你在斷點中斷執行時,可以在控制台,

輸入一些JS語句,修改變數的值,然後再取消斷點,繼續執行原代碼,就能達到同樣的目標。

js 控制打開對話框文本框不可編輯

文本框不可以編輯可以用兩個屬性來控制:

readonly,只讀屬性,文本可以選擇、複製,但是不可以改變文本值

disabled,不可選擇、複製、改變文本值。

  js控制打開對話框的時候,同時改變對話框中的文本框的屬性即可。

jq方法

$(“input[type=text]”).prop(‘readonly’,’readonly’);

或者

$(“input[type=text]”).prop(‘disabled’,’disabled’);

Js怎麼寫能控制單元格不可修改

原生 javascript 示例 ( 表格+input ):

table border=”0″ cellspacing=”0″ cellpadding=”1″ style=”text-align: center;”

trtd/tdtdA/tdtdB/tdtdC/tdtdD/td/tr

trtd1/tdtdinput type=”text” id=”A1″//tdtdinput type=”text” id=”B1″//tdtdinput type=”text” id=”C1″//tdtdinput type=”text” id=”D1″//td/tr

trtd2/tdtdinput type=”text” id=”A2″//tdtdinput type=”text” id=”B2″//tdtdinput type=”text” id=”C2″//tdtdinput type=”text” id=”D2″//td/tr

trtd3/tdtdinput type=”text” id=”A3″//tdtdinput type=”text” id=”B3″//tdtdinput type=”text” id=”C3″//tdtdinput type=”text” id=”D3″//td/tr

/table

nbsp;nbsp;nbsp;span id=”hints”/span

script type=”text/javascript”

function validCell(me){

var thisid=me.id;//獲取當前點擊的輸入單元格內的input框的id

var preId=thisid.substr(0,1)+(parseInt(thisid.substr(1),10)-1);//計算得上一行對應位置的input框的id

var preEle=document.getElementById(preId);//獲取一行對應位置的input框對象

if(preEle!=null){//如果存在上一行對應位置的input

if(preEle.value==””){//且 上一行對應位置的input已經輸入了內容

document.getElementById(“hints”).innerText=”請先填寫上一行對應的單元格: “+preId;

me.setAttribute(“readonly”,”true”);//設置為不可編輯

}else{

me.removeAttribute(“readonly”);//去除只讀屬性,使其可輸入內容

document.getElementById(“hints”).innerText=””;//清除提示

}

}

}

/script

script type=”text/javascript”

var inputs = document.getElementsByTagName(“input”);

for (var i in inputs) {

if(inputs[i].type==”text”){//為所有 input text 框添加點擊事件

inputs[i].setAttribute(“onclick”,”validCell(this)”);

}

}

/script

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/159667.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-11-20 00:15
下一篇 2024-11-20 00:15

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python腳本控制其他軟體

    Python作為一種簡單易學、功能強大的腳本語言,具有廣泛的應用領域,在自動化測試、Web開發、數據挖掘等領域都得到了廣泛的應用。其中,Python腳本控制其他軟體也是Python…

    編程 2025-04-29
  • Shell腳本與Python腳本的區別

    本文將從多個方面對Shell腳本與Python腳本的區別做詳細的闡述。 一、語法差異 Shell腳本和Python腳本的語法存在明顯差異。 Shell腳本是一種基於字元命令行的語言…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字元無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字元無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • Python自動化運維腳本

    Python自動化運維腳本是使用Python編寫的代碼,可以幫助管理員自動化執行繁瑣、重複的操作任務。通過Python自動化運維腳本,管理員可以在更短的時間內完成工作,提高工作效率…

    編程 2025-04-28
  • 使用Python圖書館搶座腳本的完整步驟

    本文將從多個方面詳細介紹如何使用Python編寫圖書館的座位搶佔腳本,並幫助您快速了解如何自動搶佔圖書館的座位,並實現您的學習計劃。 一、開發環境搭建 首先,我們需要安裝Pytho…

    編程 2025-04-28
  • t3.js:一個全能的JavaScript動態文本替換工具

    t3.js是一個非常流行的JavaScript動態文本替換工具,它是一個輕量級庫,能夠很容易地實現文本內容的遞增、遞減、替換、切換以及其他各種操作。在本文中,我們將從多個方面探討t…

    編程 2025-04-28
  • ArcGIS的Python腳本需要主函數嗎?

    是的,ArcGIS的Python腳本需要主函數,主函數是Python腳本的入口和起點,沒有主函數腳本無法運行。 一、主函數的作用 在Python腳本中,主函數是代碼的入口,所有的代…

    編程 2025-04-28
  • Ubuntu如何退出文件編輯

    Ubuntu是一款廣泛使用的Linux操作系統,其文件編輯器在用戶編輯文件時非常方便,但是,當用戶完成需要的改動後,如何退出文件編輯卻是一個常見的問題。本文將從多個方面詳細介紹Ub…

    編程 2025-04-28

發表回復

登錄後才能評論