Chrome 21 不检查单选按钮单选、按钮、Chrome

2023-09-06 22:10:37 作者:除了我,还有谁敢许你一生

我经过一番努力才弄清楚这一点,所以我想我会分享我所遇到的,以便其他人可以从我的努力中受益.Firefox IE 和 chrome 19(我手头唯一的其他版本)对此没有问题,但 chrome 21 有.

I figured this out after much effort so I thought I'd share what I came across, so others can benefit from my effort. Firefox IE and chrome 19 (the only other version I have handy) don't have a problem with this, but chrome 21 does.

如果你有这个单选按钮

<input type='radio' name'k1' value='v1' checked>

如果它位于无效位置,它将不会在页面上显示为选中状态.

it will not appear checked on the page if it's in an invalid location.

例如我有

<table>
<input type='radio' name'k1' value='v1' checked> 
<tr><td>table information</td></tr> 
</table> 

无论我做什么,页面加载时都不会显示为选中状态.

and no matter what I did, it wouldn't appear checked when the page loaded.

推荐答案

在 Google Chrome 21.0.1180.75 和 .79 上测试

Tested on Google Chrome 21.0.1180.75 and .79

<table>
  <input type="checkbox" name="n" value="v" checked="checked" />
</table>

缺少输入元素周围的 <tr><td></tr></td> 会导致 checked 复选框不显示为已选中.此外,当提交表单时,这些复选框也不会被检查到服务器端!

Missing the <tr><td></tr></td> around the input element causes checked checkboxes not to appear as checked. Additionally, when the form is submitted, those checkboxes don't come to the server-side as being checked, either!

一旦 html 格式正确,复选框应显示为选中状态,如 checked 属性所示:

Once the html is formatted properly, the checkboxes should appear checked as indicated by the checked attribute:

<table>
  <tr>
    <td>
      <input type="checkbox" name="n" value="v" checked="checked" />
    </td>
  </tr>
</table>