`

将复选框中的值赋值到文本框中

阅读更多

<html>
<head>
 <script type="text/javascript">
     function op(obj){
        var sp = document.getElementsByName("box");
        var te = document.getElementById("te");
        for(var i=0;i<sp.length;i++){
         if(sp[i]==obj){
          alert("aa");
          te.value = obj.value;
          obj.checked = true;
          }else{
           //sp[i].value = "";
           sp[i].checked = false;
           }
         }
     }
  </script>
</head>
<body>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="11111"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="22222"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="33333"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="44444"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="55555"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="66666"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="77777"><br/>
   <input type="checkbox" id="box" name="box" onclick="javacript:op(this);" value="88888"><br/>
   <input type="text" name="text" id="te">
    <input type="button" value="测试">
</body>
</html>

分享到:
评论

相关推荐

    jquery复选框多选赋值给文本框的方法

    本文实例讲述了jquery复选框多选赋值给文本框的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;!DOCTYPE html&gt;  &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt;  &lt;head&gt;  &lt;title...

    带复选框的Dtree

    带复选框的Dtree,并能记录选择.把选择赋值到文本框中

    《javaScrip开发技术大全》源代码

    • sample03.htm 将函数的返回值作为数据在表达式中进行运算 • sample04.htm 直接将函数的返回值输出 • sample05.htm 通过事件调用函数 • sample06.htm 递归调用函数 • sample...

    JavaScript完全自学宝典 源代码

    6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...

    C#开发实例大全(基础卷).软件开发技术联盟(带详细书签) PDF 下载

    《C#开发实例大全(基础卷)》筛选、汇集了C#开发从基础...实例229 将数据表中的字段添加到ComboBox 控件中 303 实例230 在ComboBox下拉列表中显示图片 304 实例231 用ComboBox控件制作浏览器 网址输入框 305 实例232...

    VBA常用技巧

    131-2在Listview控件中使用复选框315 131-3调整Listview控件的行距317 131-4在Listview控件中排序320 131-5Listview控件的图标设置321 技巧132调用非模式窗体324 技巧133进度条的制作326 133-1使用进度条控件326 133...

    基于MVC4+EasyUI的Web开发框架形成之旅

    我们知道,一般Web界面包括的界面控件有:单行文本框、多行文本框、密码文本框、下拉列表Combobox、日期输入控件、数值输入控件、单项选择、复选框、表格控件DataGrid、树形控件、布局控件、弹出式对话框、提示信息...

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    我们知道,一般Web界面包括的界面控件有:单行文本框、多行文本框、密码文本框、下拉列表Combobox、日期输入控件、数值输入控件、单项选择、复选框、表格控件DataGrid、树形控件、布局控件、弹出式对话框、提示信息...

    DOM基础教程之使用DOM控制表单

    是网页中交互最多的形式之一,它通过各种形式接收用户的数据,包括下拉列表框,单选按钮,复选框和文本框,本篇主要介绍表单中常用的属性和方法 javascript中可以很方便的操作表单,例如获得表单数据进行有效验证,...

    VBA编程技巧大全

    131-2 在Listview控件中使用复选框 317 131-3 调整Listview控件的行距 319 131-4 在Listview控件中排序 322 131-5 Listview控件的图标设置 323 技巧132 调用非模式窗体 326 技巧133 进度条的制作 328 133-1 使用...

    VBScript介绍手册

    12.6 单选框控件和复选框控件 12.6.1 单选框控件 12.6.2 复选框控件 12.7 选择列表控件 12.8 其他控件 12.8.1 图像控件 12.8.2 文件控件 12.9 小结 第13章 鼠标和键盘事件处理 13.1 event对象 13.2 鼠标事件的处理 ...

    C#编程经验技巧宝典

    103 &lt;br&gt;0167 锁定文本框内的文本 103 &lt;br&gt;0168 使用Message.Show输出用户信息 104 &lt;br&gt;5.3 图片数据处理技巧 104 &lt;br&gt;0169 如何将图片存入数据库 104 &lt;br&gt;0170 如何将图片从数据库中读取...

    107个常用javascript语句

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

Global site tag (gtag.js) - Google Analytics