Question

我想在选中选项时禁用该复选框。谢谢

<form id="tform" method="post">
    Sélectionnez le type de la machine :<br>
    <input  type="checkbox" id="1" name="g"<?php if ($_POST['g'] == "pc") {echo  'checked="checked"';} ?> value="pc" class="checkbox"> Pc
    <input  type="checkbox" id="2" name="g"<?php if ($_POST['g'] == "wiiu") {echo 'checked="checked"';} ?> value="wiiu" class="checkbox">Wii U
    <input  type="checkbox" id="3" name="g"<?php if ($_POST['g'] == "xbox-360") {echo 'checked="checked"';} ?> value="xbox-360" class="checkbox">Xbox-360
    <input  type="checkbox" id="4" name="g"<?php if ($_POST['g'] == "playstation-4-ps4") {echo 'checked="checked"';} ?> value="playstation-4-ps4" class="checkbox">Ps4
    <input  type="checkbox" id="5" name="g"<?php if ($_POST['g'] == "playstation-3-ps3") {echo 'checked="checked"';} ?> value="playstation-3-ps3" class="checkbox">Ps3<br>
    <input  type="checkbox" id="6" name="g"<?php if ($_POST['g'] == "xbox-one") {echo 'checked="checked"';} ?> value="xbox-one" class="checkbox">One
    <input  type="checkbox" id="7" name="g"<?php if ($_POST['g'] == "nintendo-3ds") {echo 'checked="checked"';} ?> value="nintendo-3ds" class="checkbox">3ds
    <input  type="checkbox" id="8" name="g"<?php if ($_POST['g'] == "playstation-vita") {echo 'checked="checked"';} ?> value="playstation-vita" class="checkbox">Vita
    <input  type="checkbox" id="9" name="g"<?php if ($_POST['g'] == "iphone-ipod") {echo 'checked="checked"';} ?> value="iphone-ipod" class="checkbox">Iphone
    <input  type="checkbox" id="10" name="g"<?php if ($_POST['g'] == "android") {echo 'checked="checked"';} ?> value="android" class="checkbox">Anfroïd
    </form>

Answer 1

如何将复选框设置为禁用？

简单

<强> HTML

<input  type="checkbox" id="test" name="checkBoxName" disabled>

<强> JS

document.getElementById("checkBoxID").disabled = true;

<强> JQUERY

$("#checkBoxID").prop('disabled', true);

Answer 2

如果您只想要一个答案，请使用单选按钮。

<input type="radio" />

Answer 3

我认为你不想禁用，但是当点击另一个时取消选中该复选框，我是对的吗？

您可以在每个输入上使用onclick处理程序执行此操作：http://jsbin.com/dunohofusi/edit

或者（这更容易）您将类型从“复选框”更改为“收音机”，浏览器将为您完成所有操作。

如果您想要复选框外观，可以使用css将其更改回来：http://jsbin.com/yodoridadu/edit

如何将复选框置于禁用状态？

3 个答案: