자바 2 IF 문을 기반으로 페이지 내용 변경

Question

사용자가 자신의 계좌 번호를 제공 한 다음 결제시 계좌 번호를 제공하지 못하도록하는 배송 방법을 선택하는 데 어려움을 겪고있는 전자 상거래 상점이 있습니다.

FORM 1 부 :

<dt> 
<span class="Required FormFieldRequired" style="visibility: hidden">*</span> 
<span class="FormFieldLabel">Shipping Account Number:</span> 
</dt> 
<dd> 
<input class="FormFieldId" type="hidden" value="25"> 
<input class="FormFieldFormId" type="hidden" value="2"> 
<input class="FormFieldType" type="hidden" value="singleline"> 
<input class="FormFieldPrivateId" type="hidden" value=""> 
<input id="FormField_25" class="Textbox Field200 FormField" type="text" value="Fill This If Using Your Own Shipping Account" name="FormField[2][25]"> 
</dd> 

FORM 2 부 :

<span class="FormFieldLabel">Shipping Account Number:</span> 
<dd> 
<input class="FormFieldId" type="hidden" value="26"> 
<input class="FormFieldFormId" type="hidden" value="3"> 
<input class="FormFieldType" type="hidden" value="singleline"> 
<input class="FormFieldPrivateId" type="hidden" value=""> 
<input id="FormField_26" class="Textbox Field200 FormField" type="text" value="Fill This If Using Your Own Shipping Account" name="FormField[3][26]"> 
</dd> 

이 두 각 것을, (우리가 제어 할 이상이없는 PHP)는 PHP 생성 페이지에서이 별도의 div의에 아래 div를 보여주는 "다음"버튼을 누르면 숨겨진 div가 표시됩니다.

배송은 다음 라디오 버튼을 통해 선택 : 아이디 년대에

<ul class="ShippingProviderList"> 
<li> 
<label id="shippingMethod_500d6aa9a300e_1"> 
<input id="shippingCheck_500d6aa9a300e" type="radio" value="1" name="selectedShippingMethod[500d6aa9a300e]"> 
<span class="ShipperName">My Own Shipping Account (Please make sure that account number is specified within your account page or item will not ship!)</span> 
<em class="ShipperPrice ProductPrice">$0.00</em> 
</label> 
</li> 

500d6 조각이 동적으로 생성됩니다.

내가 도움이 전파 원을 선택하면 있도록이 페이지에 넣어 코드의 자바 스크립트 부분을 설계를해야하고, 운송 계좌 번호 양식 필드 중 어느 것도 선적 값이있는 경우, 그것은 단순히

<input type="submit" value="Continue"> 

을 숨 깁니다

버튼 가능하면 텍스트로 바꾸십시오. (사용자 정의 할 수 있음) - 불행히도 자바 스크립트, PHP 및 물론 HTML/CSS 만 알고 있습니다. 누군가가 자원이나 링크를 제공하여 도움을 청하면 도움이 될 것입니다. 감사!

Answer 1

변경 ~ <input type="submit" id="btn" value="Continue" hidden > 우리는 기본적으로 그것을 숨길 것입니다. (당신이 PHP로 폼을 채우지 않는 한 거기에 체크가 필요해 보입니다). 난 당신이 ID 값이 무엇인지를 제어하지 않습니다 실현

var radio = document.getElementById('shippingCheck_500d6aa9a300e'), 
    input1 = document.getElementById('FormField_25'), 
    input2 = document.getElementById('FormField_26'), 
    btn = document.getElementById('btn'); // yes you will need to add an identifier to the button itself. name or id would work. if name you would document.forms[frmName or 0 for the first form].elements[buttonName] 

document.forms[0].onchange = function() { // this assumes you have only one form. change the 0 to a name or proper index if need be. 
    if(radio.checked && input1.value.length > 0 && input2.value.length > 0) { 
     btn.hidden = false; 
    } else { 
     btn.hidden = true; 
    } 
}; 

는 ... 그럼 당신은 이름을 선택하거나이 값을 유지하기 위해 PHP와 JS의 일부를 생성해야합니다.

희망이 도움이됩니다.