Wordpress JavaScriptの競合

Question

私は以前WP jsの競合を扱っていましたが、これは私を困惑させました。私は4つの質問で簡単なフォームを持っています。リンクが表示されるには、ユーザーはすべて[はい]をクリックする必要があります。私はテストサーバー上の単一のpgにjquery 1.6.2だけを使ってこれを再現することができたので、jsとフォームの動作を知っています。私は運とjQuery.noConflictのアプローチを使用してみましたhttp://www.hcfmissoula.com/grants/compassionate-care-grant

：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('input:radio').change(function(){ 
     if(
      ($('input:radio[name=group1]:checked').val() == 'Yes') && 
      ($('input:radio[name=group2]:checked').val() == 'Yes') && 
      ($('input:radio[name=group3]:checked').val() == 'Yes') && 
      ($('input:radio[name=group4]:checked').val() == 'Yes') 
     ){ 
      document.getElementById('pdflink').innerHTML = '<div><a href="http://www.mydomain.com/somefile.pdf">grab the file here</a></div>'; 
     } 
     else { 
      document.getElementById('pdflink').innerHTML = ''; 
     } 

    }); 
}); 
</script> 

<form name="myform" action="" method="POST"> 
<div><br> 
<p>Question 1?</p> 
<input type="radio" name="group1" value="Yes"> Yes<br> 
<input type="radio" name="group1" value="No"> No<br> 
<hr> 
<p>Question 2?</p> 
<input type="radio" name="group2" value="Yes"> Yes<br> 
<input type="radio" name="group2" value="No"> No<br> 
<hr> 
<p>Question 3?</p> 
<input type="radio" name="group3" value="Yes"> Yes<br> 
<input type="radio" name="group3" value="No"> No<br> 
<hr> 
<p>Question 4?</p> 
<input type="radio" name="group4" value="Yes"> Yes<br> 
<input type="radio" name="group4" value="No"> No<br> 
</div> 
</form> 
<div id="pdflink"> 
</div> 

はここのリンクです。できる場合はお手伝いください...

Answer 1

@blackessej、あなたのコードはクライアント側にしていません。

$(document).ready(function() { 
    $('input:radio').change(function(){ 
     if(
      ($('input:radio[name=group1]:checked').val() == 'Yes') && 
      ($('input:radio[name=group2]:checked').val() == 'Yes') && 
      ($('input:radio[name=group3]:checked').val() == 'Yes') && 
      ($('input:radio[name=group4]:checked').val() == 'Yes') 
     ){ 
     document.getElementById('pdflink').innerHTML = ' 
<div><a href="http://www.mydomain.com/somefile.pdf">grab the file here</a></div> 
<p>'; 
     } 
     else { 
      document.getElementById('pdflink').innerHTML = ''; 
     }</p> 
    <p> }); 
}); 

& &演算子はエスケープなっていると、スクリプトでランダム<P>タグがあります。これは私が私のブラウザで見るものです。