php - 预选复选框

标签 php html css forms

<分区>

我有一个网站,可以通过多种方式访问​​我们的“给我发电子邮件以获取更多信息”表单。 在表单上,​​它有一个复选框列表,他们可以检查是否希望通过电子邮件发送有关更多信息的信息。是否可以根据它们来自哪个页面来预先选中复选框?

例如,他们访问我们的“Product 12”页面并点击表单链接,并且有一个复选框可以接收有关 Product 12 的更多信息,因为他们是从 Product 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。

请回复。

最佳答案

如果我处在您的位置,我会使用查询字符串变量在将您的产品页面链接到表单的链接上传递您的页面 ID(或产品 ID 是理想的)。

即)/formPage.html?id=12

在表单页面上,为每个输入元素指定一个唯一的 ID。然后使用服务器端代码或 javascript,检查 id 是否存在于查询字符串中,如果存在,检查它是什么并以编程方式检查您的复选框。

使用 jquery 很容易:

$("#product12ID").prop("已检查", true); <---- 这将选中具有 id=product12ID 的复选框

了解您使用的语言(ASP.NET、PHP 等)会很有帮助。这将有助于微调前进的方向。

关于php - 预选复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18336708/

相关文章:

html - Viewport width=device-width, initial-scale=1 不给我全宽

css - 从中心开始的水平线性渐变(非径向)

html - 如何将导航栏和 slider 对齐

php - 对不同表上的列求和并乘以另一个表上的列的值

php - 我想将 xampp 1.7.7 链接到 php CLI

html - 当通过 CSS 隐藏更高的元素时,如何将 <li> 对齐到顶部

javascript - 如何删除 iframe 的滚动条?

javascript - 使用 masonry.js 破坏布局但在添加 Foundation 5 时有效

php - 如何在下一页打印 PDF 后拆分表格行并删除标题内容颜色?

php - Paypal 专业版 : is it necessary to gather details oneself or can PayPal do that for me?