1、使用原生JS

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>function switchUser() {let usernameEl = document.getElementById("username");const beforeVal = usernameEl.getAttribute("readonly");console.log("切换前状态：" + getStatus(beforeVal));if (beforeVal === null) {usernameEl.setAttribute("readonly", "readonly");} else {usernameEl.removeAttribute("readonly");}const afterVal = usernameEl.getAttribute("readonly");console.log("切换后状态：" + getStatus(afterVal));}function getStatus(readonlyVal) {if (readonlyVal === null) {return "读写"} else {return "只读"}}</script>
</head>
<body>用户名：<input type="text" id="username" name="username"><br>
<button onclick="switchUser()">切换用户名readonly属性</button></body>
</html>

2、使用jquery

使用$("#id").attr("readonly","true")添加readonly属性

使用$("#id").attr("readonly","false")设置readonly属性失效,但是不管用啊........

最后使用$("#id").removeAttr("readonly")移除该属性后成功

使用js控制readonly属性相关推荐

selenium3 + python - js处理readonly属性
前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...
js控制div属性隐藏方法
原文详解:js控制div属性隐藏方法如题:编写html时如何用js控制div的显示和隐藏. 假定页面展示内容如下: 1.点击触发事件: <div><button class=&qu ...
python selenium 用js删除 readonly属性
当我们想在输入框是日期类型,并send_keys 的时候发现不能输入,要么你搞日历这个很麻烦, 还有一个方法用js,非常简单 selenium+python操作js页面,删除某个元素例子如下:删除 ...
js控制tr属性显示和隐藏
方法一: document.getElementById("id").style.visibility="hidden"; document.getElemen ...
Python+selenium自动化-js处理日历控件（修改readonly属性）
前言今天写自动化脚本的时候遇到一个需要更改日期的控件,不想费劲巴拉的去找日历的定位,但是又没办法直接输入我想输的日期时间,想了会儿之后决定用js解决日历控件基本思路:先用js去掉readonly属 ...
python时间控件readonly属性_Selenium2+python自动化----js处理日历控件（修改readonly属性）...
前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...
python时间控件readonly属性_人生苦短，我学python之python+selenium js处理日历控件（修改readonly属性）...
转载于上海-悠悠的博客前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性 ...
【基于python实现UI自动化】3.4 JS 处理日历控件（删除 readonly 属性）
python-UI自动化 1.0 selenium工具介绍 2.0 selenium环境搭建 3.0 selenium常见8大元素定位 3.1 selenium通过By定位元素 3.2 seleniu ...
Selenium2+python自动化25-js处理日历控件（修改readonly属性）
前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...

使用js控制readonly属性

1、使用原生JS

2、使用jquery

使用js控制readonly属性相关推荐

最新文章

热门文章