Очистить определенные элементы формы, когда флажок снят

Question

Может ли кто-нибудь дать мне базовый пример того, как очистить определенные входные данные формы (каждый со своим уникальным идентификатором), когда флажок снят?Я попробовал несколько решений, но просто не могу заставить это работать надежно.Мне нужно, чтобы это происходило только когда флажок снят, что, похоже, вызывает у меня проблемы.

Answer 1

Грубый пример может быть ...

<input type='checkbox' id='clear_text' />
<input type='text' id='text_box' value='Contents' />
<script>
$(function(){
    $("#clear_text").click(function(){
        if(!$(this).is(":checked")){ //checks if the checkbox/this is selected or not
            $("#text_box").val(""); //empty the input value
        } else { } //nothing
    });
});
</script>

Answer 2

​$(document).ready(function(){
    $('#chk').live('change',function(){
     if(!$(this).is(':checked'))
       $('input').val('');              
    });
})​;​

вот рабочая скрипка JSFiddle

Answer 3

Очень простой пример, чтобы вы начали.Использует JQuery 1.7.1.http://jsfiddle.net/fPKX8/

HTML:

<input id="in1" name="in1" value="pizza" /><br />
<input id="in2" name="in2" value="chips" /><br />
<input id="in3" name="in3" value="beer" /><br />

<input id="check1" name="check1" type="checkbox" />

jQuery:

$('#check1').on('click', function () {
    if (!$(this).is(':checked')) {
        $('#in1, #in2').val('');
    }
});

Answer 4

В onClick () флажка, изучите значение флажка, затем выполните любое действие, которое вы хотите, включая очистку форм.Это отвечает вашим потребностям?