|
#2
编程之星2009-10-11 01:17
回复 楼主 baobao12356
楼主想要的是这种效果吗？
文本框文本后面还接着一个逗号，不是很美观，自己修正。  程序代码：<html> <head> <script> function selectMusicType(me){ if(me.checked){ me.form.txt.value += me.value + ","; //选中该复选框就将值叠加到文本框中 }else{ //取消选中复选框就将该复选框的值从文本框中删除 me.form.txt.value = me.form.txt.value.replace(me.value+",",""); } } </script> </head> <body> 你喜欢什么类型的音乐？ <form> <input name="txt" type="text"> <p> <input name="musictype" type="checkbox" value="流行" onclick="selectMusicType(this)">流行 <input name="musictype" type="checkbox" value="爵士" onclick="selectMusicType(this)">爵士 <input name="musictype" type="checkbox" value="古典" onclick="selectMusicType(this)">古典 <input name="musictype" type="checkbox" value="摇滚" onclick="selectMusicType(this)">摇滚 <input name="musictype" type="checkbox" value="民族" onclick="selectMusicType(this)">民族 </form> </body> </html> |
就是我有一组checkbox 。我想实现就是当我点击一个他就能赋值到文本框里，当我点击第2个的时候他会在原来的值上继续添加并逗号分开，当我反选这个checkbox的时候文本框里的值自动消失。谢谢