Question

Can anyone give me a basic example of how to clear specific form inputs (each with it’s own unique ID) when a checkbox is unchecked? I’ve tried a handful of solutions but just can’t quite seem to get this working reliably. I need this to only happen when the box is unchecked, which seems to be giving me issues.

Answer 1

A rough example might be…

<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>