Question

我尝试将单选按钮设置为最初使用javascript禁用，这是我的代码。 HTML：

＆＃13;

document.getElementById("authorise1_radio").disabled = true;
document.getElementById("authorise2_radio").disabled = true;

＆＃13;

<input checked class="radio_input" id="authorise1_radio" name="authorise1_radio" type="radio" value="authorise">
<label class="radio_label" for="authorise1_radio">Yes</label>

<input class="radio_input" id="authorise2_radio" name="authorise2_radio" type="radio" value="authorise">
<label class="radio_label" for="authorise2_radio">No</label>

＆＃13;

我在w3school.com上尝试了相同的代码并且工作正常。这是代码：

＆＃13;

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

＆＃13;

Radio Button:
<input type="radio" id="myRadio">

＆＃13;

Answer 1

试试这个：你可以使用下面的单选按钮的html代码的javascript代码。如下:(然后它可能有效）

<input checked class="radio_input" id="authorise1_radio" name="authorise_radio" type="radio" value="authorise">
<label class="radio_label" for="authorise1_radio">Yes</label>

<input class="radio_input" id="authorise2_radio" name="authorise_radio" type="radio" value="authorise">
<label class="radio_label" for="authorise2_radio">No</label>
<script>
document.getElementById("authorise1_radio").disabled = true;
document.getElementById("authorise2_radio").disabled = true;
</script>

Answer 2

只需将脚本放在html

中的<head>标记之间即可

<head>
<script>
    document.getElementById("radioButton").disabled = true;
 </script>
</head>

Answer 3

您的代码似乎没有任何问题。

尝试使用

document.getElementById("myRadio").readonly = true;

我想这可以解决问题。

Answer 4

点击更改状态

<body>
<script type="text/javascript">
var checked = 0;
function change() {
    if (checked === 0) {
        checked++;
    }else {
        document.getElementById("myRadioID").checked = false;
        checked = 0;
    }
}
</script>
Radio Button:
<input type="radio" id="myRadioID" onclick="javascript:change();"/>
</body>

Answer 5

请将以下代码放在页脚部分

<script>
     document.getElementById("authorise1_radio").disabled = true;
</script>

最初禁用单选按钮javascript

5 个答案: