zoukankan      html  css  js  c++  java
  • JavaScript 复选框操作技巧

    简介:有五个复选框,默认只有复选框1能操作,其余的复选框处于不可操作状态(即变为灰色的display为false) 当选中复选框1,其余四个复选框才能进行操作(即display为true) 当取消复选框1,其余四个复选框又处于不可用状态



    <SCRIPT LANGUAGE="JavaScript">
    function fun(obj)
    /******************************************************
    * JavaScript 复选框操作技巧 Share JavaScript (http://www.ShareJS.com)
    * 使用此脚本程序,请保留此声明
    * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
    ******************************************************/

    {
    var cbx = document.getElementsByName("cbx")
    for(var i=0;i<cbx.length ;i++ )
    {
    cbx[i].disabled=obj==cbx[i]?false:!obj.checked
    }
    }
    </SCRIPT>
    <INPUT TYPE="checkbox" NAME="cbx" onclick="fun(this)">1
    <INPUT TYPE="checkbox" NAME="cbx" disabled>2
    <INPUT TYPE="checkbox" NAME="cbx" disabled>3
    <INPUT TYPE="checkbox" NAME="cbx" disabled>4
    <INPUT TYPE="checkbox" NAME="cbx" disabled>5


     

  • 相关阅读:
    css文档流
    gitolite搭建
    Packets out of order. Expected 1 received 27...
    前端常见跨域解决方案
    跨时代的分布式数据库 – 阿里云DRDS详解
    Redis持久化机制
    redis实现消息队列
    队列
    ide-helper
    Bitmap 位操作相关
  • 原文地址:https://www.cnblogs.com/wzg0319/p/2029023.html
Copyright © 2011-2022 走看看