시나리오 : subformA
및간단한 jQuery를 결함
사용자가 첫번째 라디오 버튼 아 품종을 확인 subformB
이해야 fadeIn 그가 확인 elseif 문 : 나는이 개 라디오 버튼 & 두 개의 하위 폼이있는 질문이 두 번째 라디오 버튼 subformB
은 fadeIn해야합니다.
문제 : 내가 코드를 수행했지만 사용자가 넣다 그의 마음을 변경하고 대신 이전의 다른 옵션을 클릭하면 아 품종이 & 나타납니다 1 라디오 버튼을 확인할 때 문제가 있습니다. subformB는 subformA에 연결됩니다.
요청 : 해당 양식을 상호 배타적으로 만들려고합니다. 사용자가 라디오 버튼을 다시 선택하면 연결 효과가 발생하지 않아야합니다. 내가 눈치 채지 못하는 작은 것. 감사!
내 JS 코드 : : 코드의
<!-- script for the Div -->
<script type="text/javascript" >
$(document).ready(function() {
$('#subafform').hide();
$("#element_4_1").click(function(){
if($(this).is(':checked')) {
$('#subafform').fadeIn();
} else {
$('#subafform').fadeOut();
}
});
});
</script>
다른 부분 :
<script type="text/javascript" >
$(document).ready(function() {
$('#subbform').hide();
$("#element_4_2").click(function(){
if($(this).is(':checked')) {
$('#subbform').fadeIn();
} else {
$('#subbform').fadeOut();
}
});
});
</script>
<li id="li_4" >
<label class="description" for="element_4">Are you affiliated with Company? </label>
<span>
<input id="element_4_1" name="element_4" class="element radio required" type="radio" value="1" />
<label class="choice" for="element_4_1">Yes</label>
<input id="element_4_2" name="element_4" class="element radio required" type="radio" value="2" />
<label class="choice" for="element_4_2">No</label>
</span>
</li>
<li id="subafform">
<ul>
<li id="li_5_1" >
<label class="description" for="element_5_1">Department/College </label>
<div>
<input id="element_5_1" name="element_5_1" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_5_2" >
<label class="description" for="element_5_2">Department Chair </label>
<div>
<input id="element_5_2" name="element_5_2" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li>
</li>
<li id="subbform>
........
....
</li>
두 조건이 모두 당신은 양식의 일부 HTML을 제공하십시오 수 있으며, #subafform을 보여? –
양식 및 라디오 마크 업의 예를 게시 할 수 있다면 자신이 말하는 내용을 쉽게 이해할 수 있습니다. –
그것의 단지 하나의'subform'의'js'는'elementid'와'subform name'을 제외하면 다른 서브 폼은 동일한 코드 행을 가지고 있습니다 – uday