为什么这个复选框不触发jquery代码onchange?我什么都试过了,但都不起作用

Why does this checkbox not trigger the jquery code onchange? I tried everything, but it is not working

本文关键字:什么 过了 不起作用 onchange 复选框 代码 jquery 为什么      更新时间:2023-09-26

我写了一些代码,但它不起作用,所以我找到了一些工作代码,并尝试了它,但它也不起作用。

你能告诉我为什么这不起作用吗?

以下是我在页眉中尝试的代码:头部分的脚本src标记中的第一个:http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js删除那个,现在放这个:http://code.jquery.com/jquery-1.9.1.js

我把这个代码放在一个脚本代码标签中:

    $(document).ready(function(){
    $("input:checkbox").change(function(){
        var the_id= '#' +  this.id + 'f';
        $(the_id).toggle();
        alert('killa-test... popup?');
    });
});

在这不起作用之后,我从head标记中取出代码,并将其放在脚本标记中HTML中的表单之后。。。所以你会在下面的HTML中看到它,它不会重复。。。我移动了它。

这是表单中的HTML。我希望它允许他们选择他们想要的字段,然后显示()另一个,询问他们是否需要该字段。。。。所以我使用了上面jquery中的toggle()方法。

这是一个表格:

<form method="post" action="index.cgi" enctype="multipart/form-data" name="lp_setup">
<input type="hidden" name="page" value="BackOffice"  /><input type="hidden" name="dothis" value="lp_sys"  /><input type="hidden" name="action" value="doSetup"  /><br />
    <br />
    <div id="webform">
    <br />
        <fieldset style="text-align: left;">
            <legend>Setup Your Landing Page: English - System 1</legend><br />
            <br />
            This is a Landing Page - language: English; Created by one of our distributors, given to use with permission for all of our distributors use. Enjoy it!<br />
            <br />
            Choose the fields You want to Capture on the Landing Page:<br />
            <br />
            First Name <label><input type="checkbox" name="fname" value="1" id="5Jp2bsBb6Dyqryh2Y9Dy7jNd" />Yes - Use This Field</label> <span style="display: none;" id="5Jp2bsBb6Dyqryh2Y9Dy7jNdf"> - <label><input type="checkbox" name="FirstNameError" value="1" />Make this field required?</label></span><br />
            Last Name <label><input type="checkbox" name="lname" value="1" id="LqtEeSrHyNBYK42mPs4DmpDF" />Yes - Use This Field</label> <span style="display: none;" id="LqtEeSrHyNBYK42mPs4DmpDFf"> - <label><input type="checkbox" name="LastNameError" value="1" />Make this field required?</label></span><br />
            Full Name <label><input type="checkbox" name="fullname" value="1" id="qyqxWXLSCmJ9qFZTzF9RE3uL" />Yes - Use This Field</label> <span style="display: none;" id="qyqxWXLSCmJ9qFZTzF9RE3uLf"> - <label><input type="checkbox" name="fullNameError" value="1" />Make this field required?</label></span><br />
            Best Email Address <label><input type="checkbox" name="email" value="1" id="QnvjL9rrEet4gqJ7WXXvL2By" />Yes - Use This Field</label> <span style="display: none;" id="QnvjL9rrEet4gqJ7WXXvL2Byf"> - <label><input type="checkbox" name="emailError" value="1" />Make this field required?</label></span><br />
            Phone Number <label><input type="checkbox" name="phone" value="1" id="L5ZXswQbxrLXNJGeEmh6mtKX" />Yes - Use This Field</label> <span style="display: none;" id="L5ZXswQbxrLXNJGeEmh6mtKXf"> - <label><input type="checkbox" name="phoneError" value="1" />Make this field required?</label></span><br />
            Shipping Address <label><input type="checkbox" name="address" value="1" id="7B55JjLm2xRSQB6M6fbgYN3Y" />Yes - Use This Field</label> <span style="display: none;" id="7B55JjLm2xRSQB6M6fbgYN3Yf"> - <label><input type="checkbox" name="AddressError" value="1" />Make this field required?</label></span><br /><br />
            <br />
        </fieldset><br />
        <br />
    </div><br />
    <br />
<script>
    $(document).ready(function(){
        $("input:checkbox").change(function(){
            var the_id= '#' +  this.id + 'f';
            $(the_id).toggle();
            alert('killa');
        });
    });
</script>
</form>

你能帮我做这个吗?

谢谢!Richard

我已经测试了您的代码,它看起来不错,所以我能想到的问题是如何包含jQuery库。使用下面的标记,并确保它包含在脚本函数之上,最好包含在<head>标签。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

测试一下,告诉我它是否对你有效。