Question

此代码正常，onclick事件能够发送参数

<tr>
<td>
    <input type="checkbox" id="someting1" onclick="somefunction(something1,something2.value);"><input type="calendar" id="something2">
</td>

但是当我这样做时，onclick事件无法获得＆＃34; someting2＆＃34;

的值

<tr>
<td>
    <ul>
        <li>
            <input type="checkbox" id="someting1" onclick="somefunction(something1,something2.value);">
        </li>
            <ul>
                <li>
                    <input type="calendar" id="something2">
                </li>
            </ul>
    </ul>
</td>

我不知道如何在第二个示例中调用日历类型输入的值，当我在第一个示例中使用chrome调试器时，值被很好地发送到实际函数，在第二个例子中，＆＃34; someting2.value＆＃34;到达空白的功能

Answer 1

我希望这有帮助

<input type="checkbox" id="someting1" onclick="somefunction(this);">

    <script type="text/javascript">
            function somefunction(e) {
                alert(e.checked);
            }
        </script>

我在此代码段中看到了一些其他错误

无需结束输入标记 <input type="checkbox" id="someting1" />＆lt; - 这就够了
</tr>,</td>,</ul>没有结束标记（您可以在新的Web浏览器中查看开发人员工具中的所有html错误，例如chrome，firefox，IE7）

Answer 2

输入1上没有结束标记。结束标记位于第二个li中。

Answer 3

输入标签应该是这样的

<input type="calendar" id="something2">

不喜欢这个

<input type="calendar" id="something2"></input>

最后你忘了关闭td和tr标签

Answer 4

<input>代码是自动关闭的，因此您不需要两次</input>。您还在不关闭第一个列表的情况下创建第二个列表。

这是您更正后的代码

<tr>
    <td>
        <ul>
            <li>
                <input type="checkbox" id="someting1" onclick="somefunction(something1,something2);">
            </li>
            <li>
                <input type="calendar" id="something2">
            </li>
         <ul>
    </td>
</tr>

获取不同<li>

4 个答案: