`

checkbox radio 的JS函数

JavaScriptJ# 
阅读更多
  • /**       
  • * 全选的所有指定名称的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");

     

    •  

    分享到：
    | 缺少了Sku011.cab文件,解决方法
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

    相关推荐

      jquery实现表单美化特效包括checkbox和radio美化特效插件

      一款非常强大的表单美化插件，点击颜色替换相应的checkbox和radio样式 多个选项来自定义checkbox和radio 8个回调函数支持 6个方法来编程控制 效果详情可参考http://www.xwcms.net/js/bddm/19041.html

      javascript checkbox/radio onchange不能兼容ie8处理办法

      javascript checkbox/radio onchange不能兼容ie8处理办法 在ie8下，checkbox的onchange没能实现触发自定义的函数，如何解决该问题，如下： function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $(input...

      javaScript常用事件

      常用javaScript事件归纳。 常用事件： 1.onclick 鼠标单击事件 通常在下列基本对象中产生： button（按钮对象） checkbox（复选框）或（检查列表框） radio （单选钮） reset buttons（重要按钮） submit ...

      JavaScript语言参考手册

      内含： JavaScript语言参考手册.pdf (主要资源) 另外附上： ...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法 索引

      JavaScript中文参考手册

      【下一章】 【索引】 【这是目录】 ---------------------------------------...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法

      jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例

      支持所有类型客户端控件的校验 支持jQuery所有的选择器语法...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型、日期型。 支持服务器端校验。 支持输入格式的校验。

      jQ表单万能验证插件 vf-validate.js

      支持：text，number，email，hidden，password，textarea，select，date，checkbox，radio 等 2.vf-type （必填）验证类型[可多个，用 "|" 进行分割]，支持：empty（为空验证），reg（正则匹配），func（函数调用）...

      jQuery详细教程

      如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时，会将函数直接添加到 &lt;head&gt; 部分中。不过，把它们放到一个单独的...

      pui:PJT的ui系统

      组件布局 Layout字体库 Fonts样式 Style组件 Componentspui.ceng.js _ 弹层pui.table.js _ 表格pui.radio.js _ 单选pui.checkbox.js 复选pui.page.js _ 分页pui.switch.js _ 开关pui.select.js _ 下拉菜单pui.query....

      jquery-1.1.3 效率提高800%

      Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% &lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比： Browser Prototype jQuery Mootools Ext Dojo ...

      table点击表头排序

      repair: this._repair,//是否解决checkbox和radio状态恢复bug onBegin: function(){},//排序前执行 onEnd: function(){}//排序后执行 */ //完整的示例 //&lt;!DOCTYPE ...

      jQuery 表单验证插件

      jQuery formValidator表单验证插件，它是基于jQuery类库，实现了...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

      jQuery formValidator表单验证插件示例源码

      jQuery formValidator表单验证插件示例源码 ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

      jQuery formValidator表单验证插件

      jQuery formValidator表单校验插件支持的验证功能： ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

      JavaScript Table排序 2.0 (更新)

      近来还是那么忙，趁五一更新一下程序吧。... 7，修正ie6/7的radio/checkbox状态恢复bug； 8，增加自定义取值函数。 Table 排序 .odTable { width:500px; border:1px solid #ebebeb; line-height:20px; fo

      Vue 2.x教程之基础API

      本文主要介绍的是关于Vue 2.x之基础API的相关内容，主要内容如下 模板语法（文本插值、属性绑定、JS表达式、过滤器... 表单输入绑定（text、checkbox、radio、select） 一、模板语法 文本插值 - 使用 `{{ }} / &lt;s

      ExtJSWeb应用程序开发指南(第2版)

      4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 ...

      vorm:使用JSON和HTML编写表单，使用相同的API

      涡流 通过JSON，JavaScript对象或HTML生成动态的，有状态的Angular表单，并且仍然与同一个... 默认支持： text ， number ， textarea ， select ， radio ， checkbox ， date等。 动态表格状态 您可以通过所谓的invo

      精通AngularJS part1

      Plunker与jsFiddle10 IDE扩展和插件10 12AngularJS速成10 HelloWorld——AngularJS示例10 双向数据绑定12 AngularJS中的MVC模式12 鸟瞰13 深入作用域15 视图21 模块与依赖注入26 模块26 协作对象27 注册...

      flash批量上传 php

      31.//需要设置的FORM表单中checkbox,text,textarea,radio,select项目的ID值 32.//参数为数组类型，注意使用此参数必须有 challs_flash_FormData() 函数支持 33. 34.a.CompleteClose=true; 35.//设置为true时，上传...

    Magicbox
    Global site tag (gtag.js) - Google Analytics