javascript - 使用按钮启用禁用单选按钮&谷歌的 CSS 不会格式化 "action"按钮

Question

我只是在尝试代码以了解其工作原理。

我创建了两个按钮，使用 Google 的 CSS 包格式化，一个按钮启用 radio ，另一个按钮禁用它们。

有两个问题我无法解决。1.代码不会禁用 radio 。2. 第一个按钮的格式，class="action"，不是蓝色的。它全是灰色，只有当我选择它时才会变成蓝色。然后在取消选择时再次变为灰色。

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">

<div>    
<button class="action" onclick="enable()" >Enable</button>
<button onclick="disable()">Disable</button>
</div>

<div>
<input type="radio" name="radio" id="1">
<lable for="1">First</lable>

<input type="radio" name="radio" id="2">
<lable for="2">Second</lable>
</div>

<script>
function disable(){ 
          document.getElementById("1").disabled = true;
          document.getElementById("2").disabled = true;
       }

function enable(){
          document.getElementById("1").disabled = false;
          document.getElementById("2").disabled = false;
       }
</script>

Answer 1

代码很好。问题是 chrome 的修订级别。一旦我加载了最新的 Chrome 版本，代码就按预期工作了。