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


     

  • 相关阅读:
    Android开发学习一:环境搭建
    Python Challenge
    Python Challenge
    Python Challenge
    Centos中的mysql安装以及配置
    linux查询日志内容命令
    搭建elasticsearch过程中遇到的问题
    启动kafka后闪退
    zookeeper环境搭建
    nginx安装
  • 原文地址:https://www.cnblogs.com/wzg0319/p/2029023.html
Copyright © 2011-2022 走看看