Home Web Front-end JS Tutorial Methods and techniques for controlling the read-only or writable attributes of a text field using JS

Methods and techniques for controlling the read-only or writable attributes of a text field using JS

May 21, 2018 am 11:00 AM
js read only


The examples in this article describe the JS method of controlling the read-only or writable attributes of a text field. Share it with everyone for your reference, the details are as follows:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<input id="username" name="userneme" type="text" style="width:50px" size=106>

密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">

<input name="content" type="checkbox")" value="checkbox" onclick="changeCheck()"/>

匿名发表(免注册)

<SCRIPT LANGUAGE="JavaScript">

<!--

function changeCheck()

{

var aa=document.getElementById("username");

var bb=document.getElementById("userpwd");

var cc=document.getElementById("content");

if(cc.checked)

{

aa.readonly=true;

bb.readonly=true;

aa.disabled = true;

bb.disabled = true;

}

else

{

aa.readonly=false;

bb.readonly=false;

aa.disabled = false;

bb.disabled = false;

}

}

//-->

</SCRIPT>

Copy after login

Note: is read-only and unavailable above. If it is generally unavailable, there is no need to read-only. It is ok. Select appropriately
There is no
ONCHANGE event in the HTML CHECKBOX control, only RADIO has it, and CHECKBOX only has the ONCLICK event

The above is the detailed content of Methods and techniques for controlling the read-only or writable attributes of a text field using JS. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article

Hot tools Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to modify the Linux fstab file to cancel the read-only attribute How to modify the Linux fstab file to cancel the read-only attribute Jan 15, 2024 pm 05:57 PM

How to modify the Linux fstab file to cancel the read-only attribute

Recommended: Excellent JS open source face detection and recognition project Recommended: Excellent JS open source face detection and recognition project Apr 03, 2024 am 11:55 AM

Recommended: Excellent JS open source face detection and recognition project

How to use JS and Baidu Maps to implement map pan function How to use JS and Baidu Maps to implement map pan function Nov 21, 2023 am 10:00 AM

How to use JS and Baidu Maps to implement map pan function

Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS Dec 17, 2023 pm 06:55 PM

Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS

Practical Guide: Implementing table-level read-only permissions in Oracle Practical Guide: Implementing table-level read-only permissions in Oracle Mar 06, 2024 pm 05:09 PM

Practical Guide: Implementing table-level read-only permissions in Oracle

PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts Dec 18, 2023 pm 03:39 PM

PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts

How to create a stock candlestick chart using PHP and JS How to create a stock candlestick chart using PHP and JS Dec 17, 2023 am 08:08 AM

How to create a stock candlestick chart using PHP and JS

How to use JS and Baidu Maps to implement map polygon drawing function How to use JS and Baidu Maps to implement map polygon drawing function Nov 21, 2023 am 10:53 AM

How to use JS and Baidu Maps to implement map polygon drawing function

See all articles