사전 체크 박스

Question

본인에게는 "자세한 정보를 이메일로 전송"양식에 액세스하는 여러 가지 방법이있는 사이트가 있습니다. 양식에는 자세한 정보를 이메일로 보내고 싶다는 것을 확인할 수있는 체크 박스 목록이 있습니다. 그들이 어떤 페이지에서 왔는지에 따라 확인란을 미리 선택하도록 할 수 있습니까?

예를 들어, "제품 12"페이지를 방문하여 양식 링크를 따라 가면 제품 12 페이지에서 양식에 오기 때문에 미리 확인 된 제품 12에 대한 추가 정보를받을 수있는 확인란이 있습니다 .

<form id="formElem" name="formElem" action="" method="post"> 
    <fieldset class="step"> 
    <legend>Personal Details</legend> 
    <p> 
     <label for="fullname">Full Name</label> 
     <input id="fullname" name="username" /> 
    </p> 
    <p> 
     <label for="company">Company Name</label> 
     <input id="company" name="company" /> 
    </p> 
    <p> 
     <label for="title">Title</label> 
     <input id="title" name="title" /> 
    </p> 
    <p> 
     <label for="phone">Phone Number</label> 
     <input id="phone" name="phone" /> 
    </p> 
    <p> 
     <label for="email">Email</label> 
     <input id="email" name="email" placeholder="info@.com" type="email" AUTOCOMPLETE=OFF /> 
    </p> 
    </fieldset> 
    <fieldset class="step"> 
    <legend>Products I'm interested in...</legend> 
    <p> 
     <input type="checkbox" name="telematics" value="telematics">Telematics<br> 
    </p> 
    <p> 
     <input type="checkbox" name="controllers" value="controllers">Controllers<br> 
    </p> 
    <p> 
     <input type="checkbox" name="cots" value="cots">Custom-off-the-Shelf<br> 
    </p> 
    <p> 
     <input type="checkbox" name="displays" value="displays">Displays\Operator Interfaces<br> 
    </p> 
    <p> 
     <input type="checkbox" name="cordReels" value="cordreels">Cord Reels<br> 
    </p> 
    <p> 
     <input type="checkbox" name="pdm" value="pdm">Power Distribution Modules<br> 
    </p> 
    <p> 
     <input type="checkbox" name="rtc" value="rtc">Real Time Clock<br> 
    </p> 
    </fieldset> 
    <fieldset class="step"> 
    <legend>Services I'm interested in...</legend> 
    <p> 
     <input type="checkbox" name="productDev" value="productdev">Product Development<br> 
    </p> 
    <p> 
     <input type="checkbox" name="desEng" value="deseng">Design Engineering<br> 
    </p> 
    <p> 
     <input type="checkbox" name="dfx" value="dfx">DFX<br> 
    </p> 
    <p> 
     <input type="checkbox" name="transServices" value="transServices">Transition Services<br> 
    </p> 
    <p> 
     <input type="checkbox" name="stratSourcing" value="stratSourcing">Strategic Sourcing<br> 
    </p> 
    <p> 
     <input type="checkbox" name="planning" value="planning">Planning<br> 
    </p> 
    <p> 
     <input type="checkbox" name="manufacturing" value="manufacturing">Manufacturing<br> 
    </p> 
    <p> 
     <input type="checkbox" name="fullfillment" value="fullfillment">Fullfillment<br> 
    </p> 
    <p> 
     <input type="checkbox" name="prodLifecycle" value="prodLifecycle">Product Life-Cycle Management<br> 
    </p> 
    </fieldset> 
    <fieldset class="step"> 
    <legend>Confirm</legend> 
    <p>Everything in the form was correctly filled 
    if all the steps have a green checkmark icon. 
    A red checkmark icon indicates that some field 
    is missing or filled out with invalid data. 
    </p> 
    <p class="submit"> 
     <button id="registerButton" type="submit">Register</button> 
    </p> 
    </fieldset> 
</form> 

서버 측 코드는 PHP 될 것입니다 :

여기 내 양식 코드입니다.

Plz이 응답합니다.

Answer 1

내가 신발을 신은 경우, 제품에 페이지를 연결하는 링크에서 쿼리 문자열 변수를 사용하여 페이지 ID (또는 제품 ID가 이상적)를 전달할 수 있습니다.

즉.) 각 입력 요소에 고유 ID를 부여 폼 페이지

을 /formPage.html?id=12. 그런 다음 서버 사이드 코드 또는 자바 스크립트를 사용하여 ID가 ​​쿼리 문자열에 있는지 확인하십시오. 그렇다면 무엇인지 확인하고 프로그래밍 방식으로 체크 박스를 선택하십시오.

그것은 jQuery로 쉽게 :.

$ ("# product12ID") ("확인"TRUE) 소품; < ---- 이것은 id = product12ID를 갖는 체크 박스를 체크 할 것입니다.

당신이 사용하는 언어 (ASP.NET, PHP 등)를 아는 것이 도움이 될 것입니다. 어떤 방향으로 갈 것인지 미세 조정할 수 있습니다.