根据复选框ID值填充输入字段

Question

我有这样定义的输入字段：

<form class="form-inline">
    <input type="text" title= "language" class="input-block-level" placeholder="Insert Languages"/>
</form>

我写了一个模拟jQuery脚本，只是根据是否已选中复选框来放入“是”一词。 看这里：

$(document).ready(function () { 
    $('#checkbox').change(function(){
        if ($('#checkbox').is(':checked')) { 
            $("input[Title='language']").val("Yes"); 
        }
    }); 
}); 

但是，它不起作用，并且控制台中没有错误。 我是jQuery的新手，并且很难理解确切的位置以及$(document).ready(function () {功能如何，所以可能是问题所在。

不能正常工作的示例可以在语言窗格上的http://dreaminginswahili.com/admin/mapv4.html上找到。

Answer 1

$('#checkbox')查找具有id="checkbox"的元素，像这样

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

但您的html中没有任何内容，因此没有任何反应。

如果您具有<input type="checkbox" />复选框元素，则可以选择如下复选框：

$(':checkbox')

然后您可以选择“已选中”框，如下所示：

$(':checkbox:checked')