| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 548 人关注过本帖
标题:你好。我想实现一种多选按钮和文本的功能
只看楼主 加入收藏
baobao12356
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2009-10-10
结帖率:0
收藏
已结贴  问题点数:20 回复次数:1 
你好。我想实现一种多选按钮和文本的功能
就是我有一组checkbox 。我想实现就是当我点击一个他就能赋值到文本框里,当我点击第2个的时候他会在原来的值上继续添加并逗号分开,当我反选这个checkbox的时候文本框里的值自动消失。谢谢
搜索更多相关主题的帖子: 按钮 文本 
2009-10-10 14:59
编程之星
Rank: 5Rank: 5
等 级:职业侠客
威 望:2
帖 子:285
专家分:391
注 册:2007-4-10
收藏
得分:20 
回复 楼主 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>

怎么越学就觉得自己越笨
2009-10-11 01:17
快速回复:你好。我想实现一种多选按钮和文本的功能
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.011818 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved