首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

复选框的有关问题,高手请来帮忙

2012-02-13 
复选框的问题,高手请来帮忙!HTML codeform ACTIONsave.asp nameform1tabletrtdinput type

复选框的问题,高手请来帮忙!

HTML code
<form ACTION="save.asp name="form1"><table>  <tr>     <td>                       <input type="checkbox" name="a" value="abc">       <input type="checkbox" name="b" value="abc">       <input type="checkbox" name="c" value="abc">      <td>    <textarea name="text" cols="60" rows="10" readonly></textarea>     </td>   </tr></table></form>


我想法是 复选框被选择 则文本域中显示出 其相对应的value值,若取消了 则文本域中的相对应的值 也随即消失,前提是不用刷新页面,用脚本可以实现吗?若可以请附上代码,不尽感激!

[解决办法]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
<TITLE> New Document </TITLE>
 <script>
function fun(){

var ary = document.getElementsByName("a");
var str = "";
for(var i=0;i<ary.length;i++){

if(ary[i].checked){
str = str + ary[i].value;
}

}
document.getElementById("text").value = str;
  
}
 </script>
 </HEAD>

 <BODY>
  
<form>
<table>
<tr>
<td>
<input type="checkbox" name="a" value="aaa" onclick = "fun()"> 
<input type="checkbox" name="a" value="bbb" onclick = "fun()"> 
<input type="checkbox" name="a" value="ccc" onclick = "fun()"> 
<td>
<textarea name="text" cols="60" rows="10" readonly></textarea>
</td>
</tr>
</table>
</form>
[解决办法]
JScript code
<script type='text/javascript'>function show(obj){    if(obj.checked == true){        document.getElementsByName('text')[0].value +=obj.value;    }else{        var re = new RegExp("["+obj.value+"]","g");        document.getElementsByName('text')[0].value = document.getElementsByName('text')[0].value.replace(re,"");    }}</script> 

热点排行