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

Question

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

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;
     } 
 }

这不起作用有什么方法可以检查是否已经选择了单选按钮然后单击它不会导致保存按钮无法启用

Answer 1

将您的功能更改为

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;
    }
}

Answer 2

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

else{
btnCommit.disabled=true;
}