求大神看看-慕课网

首页课程实战体系课手记专栏慕课教程

求大神看看

来源：6-8 使用label为input标签穿上衣服

qq_矮油不错哦_03861145

2016-08-23 22:54

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

写回答关注

8回答

cinder

2016-08-23 23:08:36

已采纳

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

2 0

重温那年时光回复qq_矮油不...

onclick 是JavaScript里的方法到时学JavaScript和JQ 就知道了，onclick是点击时的特效，比如：点击一下左右移动上下移动等等。

2016-08-23 23:27:31

共 2 条回复 >
慕粉1470496929

2016-08-23 23:42:17

type为单选框时就可以实现选则另一个时，已选中的自动消失，需要注意的是必须是两个相同的name值，例：如下代码我这边验证了，您可以去试下效果
<body>
<lable>你喜欢下面三种的哪种运动？</lable><br/>
跑步：<input type="radio" name="sports" value="跑步"/>
打蓝球：<input type="radio" name="sports" value="打蓝球" />
跳绳：<input type="radio" name="sports" value="跳绳" />
</body>

1 0

qq_矮油不...

好的，谢谢

2016-08-24 01:27:59

共 1 条回复 >
重温那年时光

2016-08-23 23:22:47

复选框不可以，单选可以实现选中一个另一个消失如：
男：<input type="radio" name="xingbie" value="男"/>
女：<input type="radio" name="xingbie" value="女" />

0 0
重温那年时光

2016-08-23 23:19:36

复选框不可以，单选可以如：
男：<input type="radio" name="xingbie" value="男"/>
女：<input type="radio" name="xingbie" value="女"/>
重点：单选时 name值要相同!

1 0

qq_矮油不...

恩，明白了谢谢

2016-08-24 01:28:21

共 1 条回复 >
风之毅

2016-08-23 23:11:05

给每一个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>

2 0

重温那年时光回复qq_矮油不...

和value无关系，value值是后台开发程序员需要用的

2016-08-23 23:29:48

共 2 条回复 >
Aishah_MK

2016-08-23 23:05:49

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

0 0
ElonWu

2016-08-23 23:03:33

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

2 0

ElonWu 回复qq_矮油不...

楼下是对的，checkbox是复选框。我以为name 改成相同可以，那就直接用type="radio" 。

2016-08-23 23:19:43

共 2 条回复 >
慕少1238817

2016-08-23 23:03:15

name值相同（单选）

2 0

重温那年时光回复qq_矮油不...

type属性值要选择radio 属性

2016-08-23 23:28:31

共 2 条回复 >