双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒,抽取你的专属好礼

— 惊喜奖品抢先看 —

复选框实现单选的问题

jellday jellday 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

$(":checkbox[name=gender]").click(function(){
var str=$("#contact").val();
if($(this).attr("checked")!=undefined)
{
var check=this.checked;
$(':checkbox[name=gender]').attr("checked",false);
//$(this).siblings().attr("checked",false);
$(this).attr("checked",check);
$("#contact").val(str+$(this).val());
}
else{
str=str.replace($(this).val(),"");
$("#contact").val(str);
}
});


<dt>联系人:</dt>
<dd><input name="contact" type="text" id="contact" value="王">
<label><input name="gender" type="checkbox" value="先生" />先生</label>
<label><input name="gender" type="checkbox" value="女士" />女士</label></dd>


假如联系人填王,那么点击后出现的是王先生、王女士。不选就去掉,仍然是王。
可是我做出来的是不断叠加的,会出现“王先生女士女士”……这样的
...全文

相关推荐

评论 8
收藏 已收藏
分享
返回顶部
jellday
JavaScript 87,984 成员 224,680 内容