为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

求大神看看

怎么弄就可以点中一个以后，另外一个选中的模式就消失了呢？checkbox里面怎么消除选中？

qq_矮油不错哦_03861145

2016-08-23

源自：初识HTML(5)+CSS(3)-升级版  6-8

关注问题 我要回答
980
操作
收起

正在回答

8 回答

cinder 回答被采纳 +3 积分
2016-08-23

  当 type="radio" 时，控件为单选框，只能选一个，即点中一个后另一个就消失；当 type="checkbox" 时，控件为复选框，即可以选择多个，重复点击就会消除选中。不知道这个回答是不是幕友想要的，有问题可以再问我哦~~


0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_矮油不错哦_03861145 提问者

谢谢，明白了，onclick是什么属性
2016-08-23 回复 有任何疑惑可以回复我~
#2

重温那年时光 回复 qq_矮油不错哦_03861145 提问者

onclick 是JavaScript里的方法 到时学JavaScript和JQ 就知道了，onclick是点击时的特效，比如：点击一下左右移动 上下移动等等。
2016-08-23 回复 有任何疑惑可以回复我~
慕粉1470496929
2016-08-23

type为单选框时就可以实现选则另一个时，已选中的自动消失，需要注意的是必须是两个相同的name值，例：如下代码我这边验证了，您可以去试下效果

http://img1.sycdn.imooc.com//57bc6e940001616e02620057.jpg

http://img1.sycdn.imooc.com//57bc6ec5000143e902620056.jpg

<body>

<lable>你喜欢下面三种的哪种运动？</lable><br/>

跑步：<input type="radio"  name="sports" value="跑步"/>

打蓝球：<input type="radio" name="sports" value="打蓝球" />

跳绳：<input type="radio" name="sports" value="跳绳" />

</body>

0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_矮油不错哦_03861145 提问者

好的，谢谢
2016-08-24 回复 有任何疑惑可以回复我~
重温那年时光
2016-08-23

复选框不可以，单选可以实现选中一个另一个消失  如：

 男：<input type="radio"  name="xingbie" value="男"/>

 女：<input type="radio" name="xingbie" value="女" />


0 回复 有任何疑惑可以回复我~
收起回答
重温那年时光
2016-08-23

复选框不可以，单选可以 如：

男：<input type="radio"  name="xingbie" value="男"/>

    女：<input type="radio" name="xingbie"  value="女"/>

重点：单选时 name值要相同!


0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_矮油不错哦_03861145 提问者

恩，明白了谢谢
2016-08-24 回复 有任何疑惑可以回复我~
风之毅
2016-08-23

给每一个checkbox标签设置一个相同的name值应该就可以了

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>单选框、复选框</title>

</head>

<body>

<form action="save.php" method="post" >

    <label>性别:</label>

    <label>男</label>

    <input type="radio" value="1"  name="gender" />

    <label>女</label>

    <input type="radio" value="2"  name="gender" />

</form>

</body>

</html>


0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_矮油不错哦_03861145 提问者

这个是因为value的原因吧？
2016-08-23 回复 有任何疑惑可以回复我~
#2

重温那年时光 回复 qq_矮油不错哦_03861145 提问者

和value无关系，value值是后台开发程序员需要用的
2016-08-23 回复 有任何疑惑可以回复我~
Aishah_MK
2016-08-23

checkbox是复选框，想要勾中一个另一个取消勾中设置成单选框（radio）就好了。

0 回复 有任何疑惑可以回复我~
收起回答
ElonWu
2016-08-23

给checkbox的每一个元素设置相同的name.

0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_矮油不错哦_03861145 提问者

name相同还是复选的，没有出现选中一个另外一个消失的情况
2016-08-23 回复 有任何疑惑可以回复我~
#2

ElonWu 回复 qq_矮油不错哦_03861145 提问者

楼下是对的，checkbox是复选框。我以为name 改成相同可以，那就直接用type="radio" 。
2016-08-23 回复 有任何疑惑可以回复我~
慕少1238817
2016-08-23

name值相同（单选）

0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_矮油不错哦_03861145 提问者

name相同还是复选的，没有出现选中一个另外一个消失的情况
2016-08-23 回复 有任何疑惑可以回复我~
#2

重温那年时光 回复 qq_矮油不错哦_03861145 提问者

type属性值 要选择radio 属性
2016-08-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225792    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答求大神帮看下!!

1 回答大神来看看

2 回答求大神帮我看看我的代码写的对吗？

1 回答大神看过来啦

2 回答求大神帮我看看这样写有没有什么问题
搜索更多本课相关问答

求大神看看

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信