$ («вход [тип = флажок]»). Изменить (функция()

Question

В настоящее время Im имеют следующий скрипт, который проверяет, является ли значение флажок изменилось, но он не работает, когда я пытаюсь использовать его!

<script> 
    $('input[type=checkbox]').change(function() { 
     if ($(this).is(':checked')) { 
      if ($(this).prev().attr('checked') && $(this).val() != $(this).prev().val()) { 
       alert("previous checkbox has same value"); 
      } 
     } 
    });​ 
</script> 

<input name="" type="checkbox" value="here"/>(if this was checked) 
<input name="" type="checkbox" value="here"/>(then this) 
<input name="" type="checkbox" value="there"/>(would not allow prompt alert) 
<input name="" type="checkbox" value="here"/>(would allow)​ 

вы можете видеть, что здесь работает пока она не работает, когда я пытаюсь использовать его http://jsfiddle.net/rajaadil/LgxPn/7

идея заключается в том, чтобы предупредить, когда проверяется значение флажок отличается от ранее зарегистрированного значения CheckBox!

В настоящее время мой флажок выглядит как

<input type="checkbox" name="checkbox[]" onClick="getVal();setChecks(this)" value="`key`=<?php echo $rspatient['key']?>" class="chk" id="chk<?php echo $a++?>"/> 

Я думал функцию ('input[type=checkbox]').change(function() бы получить их, но им неправильно где-нибудь?

Answer 1

Для выбора предыдущей отмеченной ссылки для сиблинга воспользуйтесь

$(this).prevAll(":checked:first") 

Ожидалось использовать :last, но :first - это то, что работает. Это противоречит интуиции мне и несовместимо с тем, как обычно работают :first и :last, но я тестировал их в нескольких браузерах, и результат последователен.

$(':checkbox').change(function() { 
    if (this.checked) { 
     var lastChecked = $(this).prevAll(":checked:first"); 
     if (this.value == lastChecked.val()) { 
      alert("previous checked box has same value"); 
     } 
    } 
}); 

Демо:http://jsfiddle.net/LgxPn/15/

---

Edit: Если под «ранее проверено флажок» вы имеете в виду последнюю коробку пользователь нажал, то вам нужно следить за того, что сами , Нет встроенного метода jQuery, который расскажет вам что-нибудь об истории кликов.

Что происходит, когда пользователь сначала проверяет несколько ящиков, а затем проверяет и немедленно снимает флажок? Должен ли использоваться следующий последний флажок? Если это так, вам нужно следить за всеми отмеченными ячейками и в каком порядке их нажать.Вот как вы можете следить за проверенными коробки:

var lastChecked = []; 
$(':checkbox').change(function() { 
    if (this.checked) { 
     if (lastChecked.length && this.value == lastChecked[0].value) { 
      alert("the last box you checked has the same value"); 
     } 
     lastChecked.unshift(this); 
    } 
    else { 
     lastChecked.splice(lastChecked.indexOf(this), 1); 
    } 
});​ 

Демо:http://jsfiddle.net/LgxPn/21/

Answer 2

Только предположение (с некоторыми лучше синтаксиса), попробуйте следующее:

<script type="text/javascript"> 
$(function() { 
    $('input:checkbox').change(function() { 
    if($(this).is(':checked')) 
    { 
     if ($(this).prev().prop('checked') && $(this).val() != $(this).prev().val()) { 
     alert("previous checkbox has same value"); 
     } 
    } 
    });​ 
}); 

</script> 

Answer 3

Ваше предупредительное сообщение и ваш if заявление не совпадают. Вы проверяете, есть ли значения !=, но в предупреждении указано, что они равны. Я предполагаю, что предупреждение - это тот случай, который вы хотите проверить. Попробуйте:

$(':checkbox').change(function() { 
    var $this = $(this); 
    var $prev = $this.prev(); 
    if($this.is(':checked')) { 
    if($prev.is(':checked') && $this.val() === $prev.val()) { 
     alert('Previous checkbox has same value'); 
    } 
    } 
});​ 

И как другие упомянутые, убедитесь, что это все в пределах $(document).ready() блока

Answer 4

Это, кажется, работает для меня в Chrome:

$(function() { 
    $('input[type=checkbox]').click(function() { 
     if ($(this).is(':checked')) { 
      if ($(this).prev().prop('checked')) { 
       if ($(this).val() != $(this).prev('input[type=checkbox]').val()) { 
        alert("previous checkbox has same value"); 
       } 
      } 
     } 
    }); 
});​ 

Вот JSFiddle: http://jsfiddle.net/gy8EQ/