Question

美好的一天！基本上，我希望在单击复选框时显示文本框，在未单击时消失。这是JSFiddle http://jsfiddle.net/GBSZ8/2/，它的工作正常。但是，当我将其保存为check.php时，即使单击复选框，也不会显示文本框。

<html>
<head>
<script>
  $('#supplied').live('change', function(){
      if ( $(this).is(':checked') ) {
         $('#date').show();
     } else {
         $('#date').hide();
     }
 });
</script>
</head>
<body>
    <input type="checkbox" name="supplied" id="supplied" value="supplied" class="aboveage2" />

    <ul id="date" style="display:none">
        <li><input id="start" name="start" size="5" type="text" class="small" value="1" /></li>
    </ul>
</body>
</html>

请帮我。谢谢！

Answer 1

您必须在文件中包含JQuery。放

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

高于您的第一个标签。

根据需要随意更改版本号或调整网址以转到本地版本的jquery .js文件

Answer 2

您可能需要将其包含在onLoad以及Paarth的答案中。

$(document).ready(function() {

单击复选框时，将在jsfiddle上显示文本框但在浏览器上不显示

2 个答案: