javascript - HTML:通过单击单元格来选择单选按钮 - 代码在 Chrome 中运行，而不是在 Firefox 中运行

Question

这是我的 JavaScript:

<script>
    function handleRadioRow() {
        var t = event.target;
        if (t.tagName == "input")
            return;
        while (t.tagName != "th")
            t = t.parentElement;
        var r = t.getElementsByTagName("input")[0];
        r.click();
    }
</script>

这是我的 HTML:

    <form action="order.php">
        <table border="1">
            <tr>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-14">August 14<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-15">August 15<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-16">August 16<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-17">August 17<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()" bgcolor="#00FF00"><input type="radio" name="date" value="08-18" checked="checked">August 18<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-19">August 19<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-20">August 20<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-21">August 21<br><?php echo($price) ?></th>
                <th onclick="handleRadioRow()"><input type="radio" name="date" value="08-22">August 22<br><?php echo($price) ?></th>
            </tr>
        </table>
    </form>

这在 Chrome 的 jsfiddle 上也不起作用。

或者也许您知道另一种在按下/单击单元格时选择单选按钮的方法？

Answer 1

非常简单，无需 JavaScript!只是扭曲input与 <label>

之前:

<th onclick="handleRadioRow()"><input type="radio" name="date" value="08-14">August 14<br></th>

之后:

<th><label><input type="radio" name="date" value="08-14">August 14<br></label></th>

但是有一点减号 - 用户只能单击文本，而不能单击空白区域 - 这比仅单击单选按钮要好得多。 http://jsfiddle.net/vitaly_zdanevich/qcbqtxh9/