zoukankan      html  css  js  c++  java
  • 复选框做成单选的效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>单选框做成复选框效果</title>

    <Script Language="JScript">
    function checkedThis(obj,obj){
    var boxArray = document.getElementsByName(obj.name);
    //window.alert(obj.name);
    for(var i=0;i<=boxArray.length-1;i++){
    if(boxArray[i]==obj && obj.checked){
    boxArray[i].checked = true;
    }else{
    boxArray[i].checked = false;
    }
    }
    }
    </Script>

    </head>

    <body>
    <p>单选框一</p>
    <input type="checkbox" name="test" onclick="checkedThis(this,this);">1
    <input type="checkbox" name="test" onclick="checkedThis(this,this);">2
    <input type="checkbox" name="test" onclick="checkedThis(this,this);">3
    </br>
    <p>单选框二</p>
    <input type="checkbox" name="test1" onclick="checkedThis(this,this);">4
    <input type="checkbox" name="test1" onclick="checkedThis(this,this);">5
    <input type="checkbox" name="test1" onclick="checkedThis(this,this);">6

    </body>
    </html>

  • 相关阅读:
    Easyui使用记录
    Ubuntu 设置UFW防火墙
    MySQL 官方文档
    MySQL 版本
    MySQL主从架构之Master-Master互为主备
    MySQL主从架构之Master-Slave-Slave级联
    MySQL主从架构之Master-Slave主从同步
    Linux crond实例
    Ubuntu su: Authentication failure
    MySQL基准测试
  • 原文地址:https://www.cnblogs.com/zhangliang88/p/10443804.html
Copyright © 2011-2022 走看看