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>

  • 相关阅读:
    学习心得——day2
    学习心得——day3
    学习心得——day1
    Android JNI so库的开发
    android 删除相册图片并同步到图库
    使用AccessibilityService执行开机自启动
    UDP Server
    uicode编码解码
    GreenDao的使用
    java之并发编程线程池的学习
  • 原文地址:https://www.cnblogs.com/zhangliang88/p/10443804.html
Copyright © 2011-2022 走看看