在JSP文件中选中或取消选中复选框时隐藏或显示输入

时间:2015-02-02 20:02:33

标签: javascript jquery html jsp checkbox

任何人都可以解释为什么这段代码在Eclipse中不起作用。我试图在这个网站http://jsfiddle.net上编译代码并且它正在运行。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <script type="text/javascript">
    $(document).ready(function () {
        var checkbox = $('#checker'); 
        var dependent = $('#day_number');
        if (checkbox.attr('checked') !== undefined){
           dependent.show();
        } else {
            dependent.hide();
        }

        checkbox.change(function(e){
           dependent.toggle(); 
        });
    }); 
    </script>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    </head>
    <body>
    <input type="checkbox" id="checker"><br>
    <input type="text" id="day_number">
    </body>
    </html>

0 个答案:

没有答案