javascript - 除非单击单选按钮，否则如何禁用输入？

Question

我对 Javascript 不太熟悉，我知道这是一个非常简单的问题，但我不知道我哪里出了问题。

我正在尝试禁用两个输入字段，除非选择了 ID 为“custom”的单选按钮。

HTML

<input type="radio" name="period" value="week" /> Weekly
<input type="radio" name="period" value="fortnight" /> Fortnightly
<input type="radio" name="period" value="month" /> Monthly
<input type="radio" name="period" value="quarter" /> Quarterly
<input type="radio" name="period" value="year" /> Annually
<input type="radio" name="period" id="custom" value="one-time" onchange="datedis()"/
<input type="date" name="from" disabled /> to <input type="date" name="to" disabled />

Javascript

function datedis() {
    if(document.getElementsById("custom").checked) {
        document.getElementsByName("from").disabled = false;
        document.getElementsByName("to").disabled = false;
    } else {
        document.getElementsByName("from").disabled = true;
        document.getElementsByName("to").disabled = true;
    }
}

Here是我在 JSFiddle 中的代码。

Answer 1

多个问题:

1. 使用 onclick 而不是 onchange，并确保将事件处理程序分配给所有单选按钮，而不仅仅是自定义，否则，单击自定义将不会禁用输入字段。另请参阅:OnChange event handler for radio button (INPUT type="radio") doesn't work as one value

2. 它是 getElementById，而不是 getElementsById。

3. 没有 document.getElementByName。

4. 在 jsfiddle 中，使用 window.foo = function() {...} 定义函数，而不是 function foo() {...} (因为该代码嵌入在 onload 中)。

FYC:http://jsfiddle.net/MEsGH/