设为首页收藏本站
切换到宽版

 找回密码
 立即注册
搜索
十三博客»博客 › 学习园地 › Css3相关 › css3 选择器 enabled和disabled
返回列表 发新帖
查看: 1351|回复: 0

css3 选择器 enabled和disabled

[复制链接]
admin

581

主题

110

回帖

4066

积分

管理员

积分
4066

众神之神
发表于 2015-12-30 18:29:13 | 显示全部楼层 |阅读模式
enabled:可用状态
disable:不可用状态
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title>CSS3 选择器 enabled和disabled</title>
  6.     <style>
  7.         input[type="text"]:enabled {
  8.             background-color: yellow;
  9.         }
  10.         input[type="text"]:disabled {
  11.             background-color: dimgray;
  12.         }
  13.     </style>
  14. </head>
  15. <body>
  16.     <script>
  17.         function radio_change(){
  18.             var radio1 = document.getElementById('radio1');
  19.             var radio2 = document.getElementById('radio2');
  20.             var text = document.getElementById('text');
  21.             if(radio1.checked){
  22.                 text.disabled = "";
  23.             }else{
  24.                 text.value = "";
  25.                 text.disabled = "disable";
  26.             }
  27.         }
  28.     </script>
  29.     <input type="radio" id="radio1" name="radio" onchange="radio_change()"/>可用
  30.     <input type="radio" id="radio2" name="radio" onchange="radio_change()"/>不可用
  31.     <input type="text" id="text" disabled/>
  32. </body>
  33. </html>
复制代码


enabled
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|十三博客 ( 鲁ICP备2023000528号 )

GMT+8, 2026-6-1 18:36 , Processed in 0.071691 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表