Question

我写了一些代码，但它没有用，所以我找到了一些正常工作的代码，并尝试了它，但它也没有用。

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

以下是我在标题中尝试过的代码：在头部分的脚本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。我希望它允许他们选择他们想要的字段，然后show（）另一个询问他们是否要求字段是否需要....所以我使用了如上所述的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>

你能帮我做这个吗？

谢谢！理查德

Answer 1

我已经测试了你的代码，它看起来没问题，所以我能想到的问题是包含jQuery库的方法。使用下面的标记，并确保在脚本函数上方包含它，最好在＆lt;头＆gt;标签

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

测试一下并告诉我它是否适合你。

为什么这个复选框不会触发jquery代码onchange？我尝试了一切，但它没有用

1 个答案: