问答详情
源自：6-8 使用label为input标签穿上衣服

求大神看看

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

提问者：qq_矮油不错哦_03861145 2016-08-23 22:54

个回答

  • cinder
    2016-08-23 23:08:36
    已采纳

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


    0
  • 慕粉1470496929
    2016-08-23 23:42:17

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

    http://img.mukewang.com/57bc6e940001616e02620057.jpg

    http://img.mukewang.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
  • 重温那年时光
    2016-08-23 23:22:47

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

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

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


    0
  • 重温那年时光
    2016-08-23 23:19:36

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

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

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

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


    0
  • 风之毅
    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>


    0
  • Aishah_MK
    2016-08-23 23:05:49

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

    0
  • ElonWu
    2016-08-23 23:03:33

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

    0
  • 慕少1238817
    2016-08-23 23:03:15

    name值相同（单选）

    0