如何在单击复选框之前检查复选框是否已选中

How to check if a check box is already checked before I click on it

本文关键字：复选框 是否 检查 单击      更新时间：2023-09-26

我正在修改一项功能，其中保存按钮只有在任何预选值发生更改时才应启用。对于单选按钮，我写了一个错误的代码：

.HTML： 

<input type="radio" id="allIB"style="vertical-align:middle;height:10px;width:15px;top:10px;" name="selMethodCode" value="" onClick="selInterface(this.id);enableSave1(this.id)">
<input type="radio" id="allOB" style="vertical-align:middle;height:10px;width:15px;top:10px;" name="selMethodCode" value="" onClick="selInterface(this.id);enableSave1(this.id)">

Javascript：

function enableSave1(id)
{
     abc=id;
     if(document.getElementById('abc').checked)
     {
        btnCommit.src='images''Button''Normal''Save.gif';
        btnCommit.disabled=false;
     } 
 }
这是不起作用的，有什么

方法可以检查是否已经选择了单选按钮，然后单击它不会导致保存按钮无法启用。

使用 if 条件的 else 部分禁用按钮，并删除 abc 周围的 ''：

else{
btnCommit.disabled=true;
}

将函数更改为 

function enableSave1(id) {
    if (document.getElementById(id).checked) {
        btnCommit.src = 'images''Button''Normal''Save.gif';
        btnCommit.disabled = false;
    } else {
        btnCommit.disabled = true;
    }
}

或您的代码为

.HTML

<input type="radio" id="allIB" style="vertical-align:middle;height:10px;width:15px;top:10px;" name="selMethodCode" value="" onClick="selInterface(this.id);enableSave1(this)">
<input type="radio" id="allOB" style="vertical-align:middle;height:10px;width:15px;top:10px;" name="selMethodCode" value="" onClick="selInterface(this.id);enableSave1(this)">

JavaScript

function enableSave1(radio) {
    if (radio.checked) {
        btnCommit.src = 'images''Button''Normal''Save.gif';
        btnCommit.disabled = false;
    } else {
        btnCommit.disabled = true;
    }
}
相关文章：