Question

如果取消选中复选框，有人可以给我一个基本示例，说明如何清除特定表单输入（每个输入都有自己的唯一ID）吗？我已经尝试了一些解决方案，但似乎无法让它可靠地工作。我需要这个只在盒子未经检查时发生，这似乎给了我一些问题。

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

取消选中复选框时清除特定表单元素

4 个答案: