实现复选框返回值

时间:2015-10-20 03:22:42

标签: checkbox materialize

我正在使用表单中的复选框,如下所示。

<form action="" method="get">
    <p>
      <input type="checkbox" id="blunch" />
      <label for="blunch">Burrito Lunch</label>
    </p>
    <p>
      <input type="checkbox" id="trip" />
      <label for="trip">Ski Trip</label>
    </p>
    <p>
      <input type="checkbox" id="dance" />
      <label for="dance">Snowball Dance</label>
    </p>
    <button class="btn btn-primary btn-lg waves-effect waves-light" id="submit" type="submit">Submit</button>
</form>

当我尝试查看选中复选框时的输出时,它只显示为问号。有没有办法找出结果的名称?

1 个答案:

答案 0 :(得分:1)

name属性用于标记邮件中发送到HTTP(超文本传输​​协议)GETPOST的服务器中的字段提交表格。您必须通过name属性将name提供给输入字段。你给了id这就是你面临问题的原因。

检查此代码

<form action="" method="get">
    <p>
        <input type="checkbox" id="blunch" name="blunch" />
        <label for="blunch">Burrito Lunch</label>
    </p>
    <p>
        <input type="checkbox" id="trip" name="trip" />
        <label for="trip">Ski Trip</label>
    </p>
    <p>
        <input type="checkbox" id="dance" name="dance" />
        <label for="dance">Snowball Dance</label>
    </p>
    <button class="btn btn-primary btn-lg waves-effect waves-light" id="submit" type="submit">Submit</button>
</form>