如果已选中复选框，则将值添加到输入字段

Question

i'm trying to change the value of an text input to no if checked or yes if not checked, this with a checkbox but i cant seem to get it working..

<input type="checkbox" name="checkbox" id="checkbox" value="" />
<input type="text" name="text" id="text" value="" />


$(function(){
$('#checkbox').change(function() {
    $("#text").val(($(this).is(':checked')) ? "yes" : "no");
});
});

Demo: http://jsfiddle.net/YJRQp/

is there something i miss here? please advise.

Answer 1

You just need to include jQuery in your fiddle. Theres a dropdown on the left for libraries.

Answer 2

This should work

$(document).ready(function(){
    $("#checkbox").click(function(){
        if ($(this).is(':checked'))
        {
            $("#text").val("Yes");
        }
        else
        {
            $("#text").val("No");
        }
    });
});