이전에 WP js 충돌을 처리했지만이 문제는 저를 곤혹스럽게합니다. 4 가지 질문이있는 간단한 양식이 있습니다. 링크를 표시하려면 사용자가 모두 예를 클릭해야합니다. 필자는 테스트 서버의 단일 pg에 jquery 1.6.2만으로 이것을 재현 할 수 있었기 때문에 js와 폼 작업을 알았다. 내가 행운과 jQuery.noConflict 방법을 사용하여 시도했다 http://www.hcfmissoula.com/grants/compassionate-care-grantWordpress 자바 스크립트 충돌
:
<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>
여기 링크입니다. 가능한 경우 도와주세요.
@Matt Ball, 링크를여셨습니까? 나는 그것이해야 할 일을하지 않습니다. 링크가 표시되지 않습니다. – blackessej
아, 나는 당신이 의미하는 것을 본다. 나는 원하는 행동에 대한 당신의 묘사를 문제의 묘사로 해석했다. –