-1

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

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

这是我在标题中尝试过的代码：第一个在标题部分的脚本 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中的form之后的一个script标签里……这样你会在下面的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>

你能帮我完成这项工作吗？

谢谢！理查德

4

1 回答 1

0

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

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

测试一下，告诉我它是否对你有用。

于 2013-07-29T01:56:18.523 回答