javascript - 根据复选框 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')