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

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

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

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

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

здесь рабочая скрипку JSFiddle