Функция снятия jQuery не срабатывает при снятии флажка - PullRequest
Новая
       13

Функция снятия jQuery не срабатывает при снятии флажка

1 голос
/ 21 июля 2011

Это заставляет меня задуматься, я погуглил жизнь, но ниже приведен мой код, очень простой, но у меня не запускается событие click при снятии флажка ?? 

$('#filterStarDiv #hotelFilterForm #Star0').click( function() {
alert('Checkbox 0 clicked');});

<div id="starsRemoved" style="display:none">No Stars Removed</div>
<div id="filterStarDiv">
<h6>Click on the star ratings below to add or remove hotels in that category</h6>
<form:form id="hotelFilterForm" action="" acceptCharset="UTF-8">
    <input type="checkbox" id="Star0"  name="Star0" value="0 Star" checked="checked" /> 0 Star<br />
    <input type="checkbox" id="Star1"  name="Star1" value="1 Star" checked="checked" /> 1 Star<br />
    <input type="checkbox" id="Star2"  name="Star2" value="2 Star" checked="checked" /> 2 Star<br />
    <input type="checkbox" id="Star3"  name="Star3" value="3 Star" checked="checked" /> 3 Star<br />
    <input type="checkbox" id="Star4"  name="Star4" value="4 Star" checked="checked" /> 4 Star<br />
    <input type="checkbox" id="Star5"  name="Star5" value="5 Star" checked="checked" /> 5 Star+<br />
</form:form>
</div>

Буду признателен за любую помощь, даже за злоупотребление, если я упущу что-то глупое.

Ответы [ 5 ]

2 голосов
/ 21 июля 2011

Вы можете попробовать что-то вроде этого: 

$("input[type=checkbox]").click( function() {
    if ($(this).is(':checked')){
        alert('check');
    }
    else{
        alert('uncheck');
    }
});

Вы можете попробовать это на этом Fiddle

1 голос
/ 11 сентября 2013

Попробуйте это для всех флажок. Используйте идентификатор, если вы хотите сделать для любого конкретного флажка 

$(':checkbox').click(function(){
    var el = $(this);
    if(!el.is(':checked')){
       alert ('unchecked');
       //if you want to trigger handler or do something. do it here
       el.triggerHandler('click');
   }
})
0 голосов
/ 21 июля 2011

Но это прекрасно работает ... 

<html>
  <head>
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('#filterStarDiv #hotelFilterForm #Star0').click( function() {
          alert('Checkbox 0 clicked');
        });
      });
    </script>
  </head>
  <body>
    <div id="starsRemoved" style="display:none">No Stars Removed</div>
    <div id="filterStarDiv">
      <h6>Click on the star ratings below to add or remove hotels in that category</h6>
      <form id="hotelFilterForm" action="" method="post">
        <input type="checkbox" id="Star0"  name="Star0" value="0 Star" checked="checked" /> 0 Star<br />
        <input type="checkbox" id="Star1"  name="Star1" value="1 Star" checked="checked" /> 1 Star<br />
        <input type="checkbox" id="Star2"  name="Star2" value="2 Star" checked="checked" /> 2 Star<br />
        <input type="checkbox" id="Star3"  name="Star3" value="3 Star" checked="checked" /> 3 Star<br />
        <input type="checkbox" id="Star4"  name="Star4" value="4 Star" checked="checked" /> 4 Star<br />
        <input type="checkbox" id="Star5"  name="Star5" value="5 Star" checked="checked" /> 5 Star+<br />
      </form>
    </div>
  </body>
</html>

Найдите ошибку, которую вы сделали.

0 голосов
/ 21 июля 2011

Смотрите рабочую демонстрацию здесь jsfiddle .Возможно, вы забыли добавить ссылку jquery js на вашу страницу.

0 голосов
/ 21 июля 2011

Попробуйте это для своего javascript: 

$().ready(function() {
    $(':checkbox').click(function() { alert($(this).attr('name')); });
});
...