复选框实现单选的问题
$(":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>假如联系人填王,那么点击后出现的是王先生、王女士。不选就去掉,仍然是王。
可是我做出来的是不断叠加的,会出现“王先生女士女士”……这样的
...全文
相关推荐
c#复选框与单选按钮练习
c#复选框与单选按钮练习,适合正在学c#语言的新同学的一个典型例子
HTML复选框和单选框 checkbox和radio事件介绍
checkbox 和 radio的事件选择一度让我很迷惑,开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发
iphone单选框复选框样式.zip
iphone单选框复选框样式是一款jquery click事件制作iphone风格的单选框样式复选框样式。
jQuery单选复选框样式美化
jQuery单选复选框样式美化,对单选按钮和复选框可进行美化,样式个人觉得还可以!
单选框与复选框使用[项目源码]
本文介绍了HTML中单选框(radio)和复选框(checkbox)的基本语法和使用方法。单选框用于单选场景,要求name属性值相同;复选框用于多选场景,name属性值可以不同。文章通过示例代码展示了如何创建单选框和复选框,包括type、value、name和checked等属性的设置。示例中,单选框用于选择是否喜欢游泳,复选框用于选择感兴趣的运动项目,帮助读者理解这两种表单元素的实际应用。



