复选框的有关问题，高手请来帮忙
日期：2014-05-16 浏览次数：20333 次
复选框的问题，高手请来帮忙！
我想法是 复选框被选择 则文本域中显示出 其相对应的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>
------解决方案--------------------
- 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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
