-1

いくつかのコードを書きましたが、うまくいかなかったので、うまくいくコードを見つけて試してみましたが、それもうまくいきません。

これが機能しない理由を教えてください。

ヘッダーで試したコードは次のとおりです。最初に、head セクションのスクリプト 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 は次のとおりです。必要なフィールドを選択できるようにしてから、フィールドを必須にするかどうかを別の 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 に答える