在文本框内显示一组CheckBox选中的项目的值

2009-06-23 19:47:35 | 【

有一组CheckBox,要求选择一个或者多个checkbox,在input 文本框内显示选中的项目的值,当取消选择的时候,文本框内的内容也会随之变化

把<input name="cards" type="checkbox" value="白金卡" />白金卡
<input name="cards" type="checkbox" value="金卡" />金卡
<input name="cards" type="checkbox" value="普通卡" />普通卡
这几种卡如果选中的,就显示在
<input type="text" name="cardzhi" value="" >
里面,修改的时候也要减去哦!

<input name="cards" type="checkbox" value="白金卡" onclick="abc()"/>白金卡
<input name="cards" type="checkbox" value="金卡" onclick="abc()" />金卡 
<input name="cards" type="checkbox" value="普通卡" onclick="abc()" />普通卡 
<input type="text" name="cardzhi" value="" > 
<script>
function abc(){
var abc=document.getElementsByName("cards");
document.getElementsByName("cardzhi")[0].value="";
for(var i=0; i<abc.length; i++){
if(abc[i].checked){
if(i>0)document.getElementsByName("cardzhi")[0].value+=",";
document.getElementsByName("cardzhi")[0].value+=abc[i].value;
}
}
}
</script>

相关资源