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

标签 javascript jquery

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

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

我编写了一个模拟 jQuery 脚本,只是根据复选框是否已被选中来放置"is"一词。看这里:

$(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在语言 Pane 上。

最佳答案

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

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

但是你的 html 中没有任何内容,所以什么也没有发生。

如果您有像 <input type="checkbox" /> 这样的复选框元素,然后您可以选择如下复选框:

$(':checkbox')

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

$(':checkbox:checked')

关于javascript - 根据复选框 ID 值填充输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17728401/

相关文章:

jquery - 如何在公共(public)位置进行更新以更改 jqGrid 的标题对齐方式

javascript - JQuery:如何遍历一个div的所有子元素

javascript - 如何在javascript中模拟数组?

javascript 无法在本地工作,但可以在 jsfiddle 中工作

javascript - 基于 jQuery 模糊的检查并将结果打印到 codeigniter 中的 View

javascript - JS 函数在 firefox 和 IE 上工作正常,但在 chrome 上不行

javascript - 使文本与滚动窗口同时加载

Javascript:window.location.search 不更新?

javascript - 从 Selenium Webdriver 中的 JQuery 脚本返回值

javascript - 用 redux react js,我的容器在成功操作/reducers 后没有接收数据