JS获取checkbox选中部分的数据,通过一个handler function显示到一个编辑栏中去

JavaScript030

JS获取checkbox选中部分的数据,通过一个handler function显示到一个编辑栏中去,第1张

写了一个比较完整的给你,选择后,可以显示在文本框内,取消选择,文本框内也会取消,html中有的是不用的,希望可以帮到你

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>js.html</title>

<!-- 将选中的checkbox一栏中的某一部分信息,通过一个按钮操作,显示到一个文本编辑区域里面去。 -->

    <meta http-equiv="content-type" content="text/html charset=UTF-8">

<script type="text/javascript">

window.onload = function(){

//给您的建议输入框添加事件

var text = document.getElementsByName("text")[0]

//动态给checkbox添加事件

var checkboxs = document.getElementsByName("hobby")

//alert(checkboxs[2].name)

for(var i=0i<checkboxs.lengthi++){

//给所有checkbox添加动态事件

checkboxs[i].onclick = function(){

value = text.value

if( this.checked == true){

text.value = value +( value ? "," :"" )+ this.value

}else{

var str

if( value.search(this.value+",")==-1){

str = this.value

}else{

str = this.value+","

}

text.value = value.replace(str,"")

}

}

}

}

</script>

  </head>

  

  <body>

  请选择您的爱好:

  <input type="checkbox" name="hobby" value="学习">学习

  <input type="checkbox" name="hobby" value="吃饭">吃饭

  <input type="checkbox" name="hobby" value="玩耍">玩耍

  <input type="checkbox" name="hobby" value="踢球">踢球

  <br />

  请选择性别:

  <input type="radio" name="sex" value="男" checked="checked">男

  <input type="radio" name="sex" value="女">女

  <br />

 您的建议:

 <input typ="text" name="text" >

  </body>

</html>

守门员=GK

清道夫=自由人(SW),守门员前的最后一道防线

中后卫(CB) 抢断 产球 盯人 无球跑动 头球 身体

边后卫(LB,RB,LWB,RWB) 抢断 盯人 长传 速度 爆发力

后腰=防守型中场(CDM) 抢断 产球 盯人 身体 传球 长传

前腰=攻击型中场 (CAM) 才华 传球 速度 远射 长传 组织能力 技术

边前卫(LM,WF,RM……) 盘带 才华 传球 速度 远射 长传 技术

前锋(CF) 射门 头球 无球跑动 速度 创造力 传球 技术 才华

中锋=射手(ST) 主要就是射门了