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

最新推荐文章于 2021-12-19 16:54:57 发布

iteye_13897

最新推荐文章于 2021-12-19 16:54:57 发布

阅读量756

点赞数

分类专栏： JavaScript 文章标签： php javascript ViewUI

本文链接：https://blog.csdn.net/iteye_13897/article/details/82282715

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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" οnclick="javacript:op(this);" value="11111"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="22222"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="33333"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="44444"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="55555"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="66666"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="77777"><br/>
   <input type="checkbox" id="box" name="box" οnclick="javacript:op(this);" value="88888"><br/>
   <input type="text" name="text" id="te">
    <input type="button" value="测试">
</body>
</html>

iteye_13897

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
将复选框中的值赋值到文本框中

&lt;html&gt;&lt;head&gt; &lt;script type="text/javascript"&gt; function op(obj){ var sp = document.getElementsByName("box"); var te = document.getElementById("te"); for(var i=..
复制链接

扫一扫