javascript - 在经典 ASP 和 jQuery 中使用复选框值填充文本框

Question

这是我的代码片段：

 response.write "<th align=left><font size=2>"
    response.write "1. <input type=checkbox class='checkboxes' value='ORG'>Organization"
    response.write "</font> </th>"
    response.write "<th align=left><font size=2>"
    response.write "2. <input type=checkbox  value='OpType' class='checkboxes'>Operation Type"
    response.write "</font> </th>"
    response.write "<th align=left><font size=2>"
    response.write "3. <input type=checkbox checked  value='YEAR' class='checkboxes'>Year"
    response.write "</font> </th>"

response.write "<tr><td colspan='3'> <input name='DISTRIBUTION' size='45' /></td></tr>"

这是javascript。

<script type="text/javascript" src="../Scripts/jquery-1.9.1.js"></script>
$('.checkboxes').change(function () {
    alert("1");
    $("input[Title='DISTRIBUTION']").val("");
    if ($('.checkboxes').is(':checked')) {
        $("input[Title='DISTRIBUTION']").val("Yes");
    }
});

我没有看到警报，所以它看起来不像被解雇了。我做错什么了吗？

Answer 1

也许在文档完全构建之前脚本正在执行？只是一个猜测，但尝试在其中包装你的 jquery 代码；

$(document).ready(function () { ... });

您还应该研究 KnockoutJs - 它会让您的生活更轻松......

Answer 2

我怀疑这只是在分配事件处理程序之前不等到 DOM 准备好的情况。试试这个...

$(function() {
    $('.checkboxes').change(function () {
        alert("1");
        $("input[Title='DISTRIBUTION']").val("");
        if ($('.checkboxes').is(':checked')) {
            $("input[Title='DISTRIBUTION']").val("Yes");
        }
    });
});