チェックボックスをオフにしたときに特定のフォーム要素をクリアする

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