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

时间:2013-07-18 15:56:14

标签: javascript jquery

我有一个如下定义的输入字段:

<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这里的非工作示例。

1 个答案:

答案 0 :(得分:3)

$('#checkbox')查找id="checkbox"的元素,就像这样

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

但你的html中没有任何内容,所以没有任何反应。

如果您有<input type="checkbox" />之类的复选框元素,则可以选择以下复选框:

$(':checkbox')

您可以选择“已选中”框,如下所示:

$(':checkbox:checked')
相关问题