いくつかのコードを書きましたが、うまくいかなかったので、うまくいくコードを見つけて試してみましたが、それもうまくいきません。
これが機能しない理由を教えてください。
ヘッダーで試したコードは次のとおりです。最初に、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>
この作業を手伝ってもらえますか?
ありがとうございました!リチャード