你好。我想实现一种多选按钮和文本的功能
就是我有一组checkbox 。我想实现就是当我点击一个他就能赋值到文本框里,当我点击第2个的时候他会在原来的值上继续添加并逗号分开,当我反选这个checkbox的时候文本框里的值自动消失。谢谢
回复 楼主 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>