javascript - 为什么我不能在复选框的单击事件上打印警报消息？

请参考jsfiddle链接。
http://jsfiddle.net/7gbNK/17/

我的代码如下：

<form action="" method="POST">
     <table width="50%" cellpadding="4" cellspacing="1" border="1">
         <tr>
             <td width="5%" align="center"><input name="chk_surname" id="chk_surname" type="checkbox" onclick="enable(this.id,'surname')"></td>
             <td width="10%" align="center">Surname</td>
             <td width="35%" style="display:none;" align="center"><input type="text" name="surname" id="surname" value-="surname" /></td>
         </tr>
     </table>
</form>

以下是我的Javascript：

<script type="text/javascript">
    function enable(id,name)
    {
        alert("hi");

        $(document).on('change','#'+id, function()
        {
            var checked = $(this).is(":checked");

            var index = $(this).parent().index();

            if(checked) {
                $('#surname').fadeIn(100);
            }
            else {
                $('#surname').fadeOut(100);
            }
        });
    }
</script>

为什么我在这里没有戒备。提前致谢。

最佳答案

有两个问题

Live Demo


选择不环绕-在第二个下拉菜单中





hi应该是用引号引起来的可变包装，以使其成为字符串。


更改

alert(hi);

至

alert('hi');