CheckBox单击事件不触发该功能

时间:2014-06-14 07:55:39

标签: javascript jquery html jquery-mobile

我是JS和Jquery的新手。我正在尝试实现一个复选框功能,当用户选中该框时,会向用户显示密码。我浏览了网站并找到了答案,但它对我的情况不起作用。有人可以指出错误我我在做 PS:我正在检查该功能是否由警报事件触发并且密码可见尚未实现

  <script >

  $("#showpwd").click( function(){
  if( $(this).is(':checked') ){
   alert("Clicked");
   }
  });

  </script>

  <label ><input type="checkbox" id="showpwd "data-mini="true">Show Password</label>

单击方框

时没有任何反应

1 个答案:

答案 0 :(得分:1)

<强> Demo Fiddle

您的HTML无效,应该是:

<label ><input type="checkbox" id="showpwd" data-mini="true">Show Password</label>

而不是

<label ><input type="checkbox" id="showpwd "data-mini="true">Show Password</label>
                                          ^here
  • 更改ID属性。 id="showpwd" data-mini="true"
  • 包含jQuery。
  • $(document).ready(...)
  • 中加入代码