程序语言 订阅所有程序语言的日志

checkbox radio 的JS函数

作者:张礼 日期:2008-08-07

字体大小: 小 中 大

/**       

  • * 全选的所有指定名称的checkbox      
  • *@state　全选的checkbox的状态      
  • *@name    表格中的所有checkbox的名称      
  • *@author fangtf      
  • *@type void      
  • */          
  • function selectAll(state,name) {          
  •      var ids = document.getElementsByName(name);          
  •     for (var i = 0; i < ids.length; i++)           
  •      {                 
  •              ids[i].checked = state;          
  •      }          
  • }          
  •          
  • /**       
  • * 全选的所有指定id名称的同名checkbox      
  • *@state　全选的checkbox的状态      
  • *@name    表格中的所有checkbox的名称      
  • *@name    表格中的所有checkbox的id      
  • *@author fangtf      
  • *@type void      
  • */          
  • function selectAllCheckboxByID(state,name,id) {          
  •      var ids = document.getElementsByName(name);          
  •     for (var i = 0; i < ids.length; i++)           
  •      {                 
  •             if(ids[i].id == id)          
  •              {          
  •                  ids[i].checked = state;          
  •              }          
  •                       
  •      }          
  • }          
  •    
  • /**       
  • * 全选页面上所有的checkbox      
  • *@state　全选的checkbox的状态      
  • *@author fangtf      
  • *@type void      
  • */          
  • function selectAlls(state)           
  • {          
  •      var inputs = document.getElementsByTagName("input");          
  •     for(var i =0;i   
  •      {          
  •         if(inputs[i].type == "checkbox")          
  •          {          
  •              inputs[i].checked =state;           
  •          }          
  •      }          
  •          
  • }          
  •          
  • /**      
  • *得到鼠标所单击的行      
  • *@type Object      
  • */          
  • function GetRow(oElem) {          
  •     while (oElem) {          
  •         if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {          
  •             return oElem;          
  •          }          
  •         if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {          
  •             return false;          
  •          }          
  •          oElemoElem = oElem.parentElement;          
  •      }          
  • }          
  •          

  • <head>
    <title>radio js改变字体粗细</title>
    </head>
    <script language="javascript">
    function chanage()
    {
            var rad=document.getElementsByName("r2");
         rad[    0].checked=false;
            var e=document.all.r.value;
         document.all.j.style.fontWeight    =e;    
    }
    function chanage2()
    {
            var rad=document.getElementsByName("r");
         rad[    0].checked=false;
            var e=document.all.r2.value;
         document.all.j.style.fontWeight    =e;    
    }
    </script>
    <body>
    <input name="i" value="可以变色吗？谢谢！"/>
    <input name="j" value="参造字体" style="font:normal"/><br />
    <input name="r" type="radio" onClick="chanage();" value="bold">加粗
    <input name="r2" type="radio" onClick="chanage2();" value="normal">普通
    </body>

    如何用JAVASCRIPT得到RADIO的值

    如何用JAVASCRIPT得到RADIO的值
    <input name="eachzhao" type="radio" value="1" class="radi"> 字串3

    以下为引用的内容：
    function getRadioValue(radioName){
    var obj=document.getElementsByName(radioName);
    for(var i=0;i<obj.length;i++){
       if(obj[i].checked){
        return obj[i].value;
       }
    }
    }     字串9

    getRadioValue("eachzhao");

     

 




[本日志由 张礼 于 2008-08-08 11:29 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: js
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.