`

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等示例

      本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素，这两种元素在表单提交和用户交互中扮演着重要角色。 首先，让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项，用户可以勾选多个选项；...

      js checkbox radio

      在JavaScript中，`checkbox`和`radio`是两种常见的表单元素，用于用户输入选择数据。它们在网页交互中扮演着重要角色。本篇将详细探讨这两种元素的使用方法、特性以及如何通过JavaScript进行操作。 一、Checkbox...

      jquery radio checkbox 美化

      使用此类插件，只需引入相关JS和CSS文件，并简单调用插件方法，如`$('input[type="checkbox"]').hCheckbox();`。 四、实现自定义图标 为了进一步提升用户体验，我们可以用图片或图标字体（如Font Awesome）替换...

      JQuery 自定义 radio与checkbox

      jQuery提供了丰富的事件处理函数，如`.click()`, `.change()`, `.focus()`等，可以监听用户对radio和checkbox的操作。例如，当用户点击一个radio按钮时，可以触发一个事件来更新其他同组radio的样式，确保只有一个被...

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

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

      radio checkbox

      在网页设计中，"radio"和"checkbox"是两种常见的表单元素，用于用户输入选择。它们在HTML中扮演着重要角色，允许用户进行多选或单选操作。本文将详细探讨如何使用CSS3技术来美化和替代浏览器自带的默认样式，以及一...

      radiobutton 控制checkbox多选(js实现)

      为了实现更加灵活的功能，有时我们需要利用 JavaScript 来控制表单元素的状态，例如通过单选按钮（`&lt;input type="radio"&gt;`）来控制复选框（`&lt;input type="checkbox"&gt;`）的状态。下面将详细解析如何使用 JavaScript ...

      一些公用的javascript函数(希望大家一起开源).txt

      此函数用于全选或取消全选具有相同名称的所有 Checkbox。这在处理表单数据时非常有用，尤其是在需要批量操作复选框的情况下。 **代码示例:** ```javascript function selectAll(state, name) { var ids = document...

      Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip

      Koo.js 是一个专为前端开发者设计的轻量级插件，它提供了标签式的表单验证功能，并且支持select、checkbox和radio等元素，极大地提升了表单交互的便捷性和用户体验。本文将深入探讨Koo.js的核心特性、使用方法以及...

      jquery获取各种radio,checkbox,select的值等

      在JavaScript的世界里，jQuery库提供了一种简洁的方式来操作DOM元素，包括处理radio、checkbox和select。这些元素在网页表单中十分常见，用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明： 1. **...

      jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip

      在Web开发中，我们经常需要对用户进行多选或单选操作的交互设计，这时候复选框（checkbox）和单选框（radio）就显得尤为重要。然而，原生HTML的样式相对单一，无法满足设计师和开发者对于界面美观度的需求。为了解决...

      怎么获取checkbox/select/radio、选择中的text和value值

      在IT领域，特别是前端开发中，获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入，因此准确地读取它们的`text`（显示文本）和`value`（实际值）对于...

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

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

      JavaScript检查表单是否为空的函数

      本篇文章将详细介绍一个JavaScript函数，该函数可以用于检查表单中的文本框（`&lt;input type="text"&gt;`）是否为空以及检查单选按钮（`&lt;input type="radio"&gt;`）或复选框（`&lt;input type="checkbox"&gt;`）是否被选中。...

      微信小程序单选radio及多选checkbox按钮用法示例

      本文主要介绍的是如何使用单选按钮（radio）和多选按钮（checkbox）这两种常见的表单元素。以下是对标题和描述中提及的知识点的详细说明： 1. **单选按钮（radio）**： 单选按钮在微信小程序中通常用于提供一系列...

      jQuery实现自定义checkbox和radio样式

      我们需要引入 jQuery 库，并编写自定义函数来处理 checkbox 和 radio。以下是一个简单的实现： ```javascript (function($) { $.fn.customInput = function() { this.each(function(i) { var input = $(this)...

      使用jquery与图片美化checkbox和radio控件的代码(打包下载)

      这两个函数分别用于初始化和应用自定义的样式到checkbox和radio控件上。文档还提到了一个按钮的点击事件，用于在用户交互后获取选中的控件值并弹出提示。 文档中还提到，如果用户想要在此基础上对美化效果进行改进...

      判断Checkbox和Radio的一种方法

      为了响应用户操作，可以添加事件监听器来在Checkbox或Radio的状态改变时执行某些函数。例如，添加`change`事件监听器： ```javascript // 对于Checkbox checkbox.addEventListener("change", function() { console...

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