javascript操作radio

最新推荐文章于 2019-03-26 10:54:35 发布

信行合一

最新推荐文章于 2019-03-26 10:54:35 发布

阅读量840

点赞数

分类专栏： 11_js 文章标签： javascript input function html button c

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/7461955

版权

11_js 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <script type="text/javascript">
      function show_sex(_sex){
        document.getElementById("mysex").value=_sex;
      }
      function checkedCar(){
        var txt="";
        //获取复选框数组
        var car = document.forms[0].sex1;
        //遍历复选框数组
        for(i=0;i<car.length;i++){
          if(car[i].checked){
            txt+=car[i].value+"\t";
          }
        }
        //将数组内容显示在text框中
        document.getElementById("mysex1").value=txt;
      }
    </script>
  </head>
  <body>
    <form>
      <input type="radio" name="sex" value="男" οnclick="show_sex(this.value)">男<br/>
      <input type="radio" name="sex" value="女" οnclick="show_sex(this.value)">女<br/>
      <p>您的性别是:</p>
      <input type="text" id="mysex" size="10"/>
      <br/>
      <input type="radio" name="sex1" value="a" >1<br/>
      <input type="radio" name="sex1" value="b" >2<br/>
      <input type="radio" name="sex1" value="c" >3<br/>
      <input type="radio" name="sex1" value="d" >4<br/>
      <input type="text" id="mysex1" size="10"/><br/>
      <input type="button" value="..." οnclick="checkedCar()">
    </form>
  </body>
</html>

信行合一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript操作radio

Untitled Document function show_sex(_sex){ document.getElementById("mysex").value=_sex; } function checkedCar(){ var txt=""; //获取复选框数组 var car =
复制链接

扫一扫

专栏目录