【问题标题】:radio button form code and dropdown menu code单选按钮表单代码和下拉菜单代码
【发布时间】:2012-07-22 07:05:03
【问题描述】:

我有一个简单的 php 联系表,但无法让单选按钮仅选择 1 个选项(需要选择)。 也不确定下拉框所需的脚本(不需要此选择)

//radio button individual or team required 
if(trim($_POST['individual']) == '') {
    $hasError = true;
} else {
    $individual = trim($_POST['individual']);
}

//radio button individual or team required  
if(trim($_POST['team']) == '') {
    $hasError = true;
} else {
    $team = trim($_POST['team']);
}


<input type="radio" name="individual" value="individual" id="individual" checked="checked">Individual</label>
<input type="radio" name="team" value="team" id="team" > Team</label>
<label for="shirt"> <strong>T-Shirt size (Optional)</strong></label>
    <br />
      <select name="Shirt Sizes" id="shirt">
                    <option value="small" name="small" id="small">Small</option>
                    <option value="medium" name="medium" id="medium" selected="selected">Medium</option>
                    <option value="large" name="large" id="large">Large</option>
                    <option value="xlarge" name="xlarge" id="xlarge">Extra Large</option>
                    </select>

任何帮助都会很棒。 干杯

【问题讨论】:

    标签: php javascript forms drop-down-menu radio-button


    【解决方案1】:

    如果您希望浏览器强制选择其中一个,单选按钮必须具有相同的名称

    <input type="radio" name="quantity" value="individual" id="individual" checked="checked">Individual</label>
    <input type="radio" name="quantity" value="team" id="team" > Team</label>
    

    然后在 PHP 中,你可以检查哪个被选中:

    if(isset($_POST['quantity'])) {
        if($_POST['quantity'] == 'individual') {
            // individual
        } elseif($_POST['quantity'] == 'team') {
            // team
        }
    }
    

    另外,我不确定这是否只是复制和粘贴的产物,但您在两个单选按钮之前都缺少打开标签标签。

    编辑:这与您的问题无关,但除非您有特殊需要,否则您的&lt;option&gt;s 不需要具有名称属性。该值就可以(而且它们也不需要 id,除非您需要一种简单的方法来使用 JS 单独访问它们)。

    【讨论】:

      【解决方案2】:

      您需要为同一组中的单选按钮赋予相同的“名称”属性:

      <input type="radio" name="type" value="individual" id="individual" checked="checked">Individual</label>
      <input type="radio" name="type" value="team" id="team" > Team</label>
      

      这样,当您单击一个时,它将取消选择另一个。

      【讨论】:

      • 谢谢!任何人都可以帮助我使用下拉菜单工作所需的 php 代码吗?
      【解决方案3】:

      您需要将所有单选按钮命名为相同的名称,以便浏览器了解它们是分组的。

      <input type="radio" name="team" value="individual" id="individual" checked="checked">Individual</label>
      <input type="radio" name="team" value="team" id="team" > Team</label>
      

      发布时,value在元素的变量名下发送。

      【讨论】:

        猜你喜欢
        • 2012-12-22
        • 2021-11-07
        • 1970-01-01
        • 2017-02-23
        • 1970-01-01
        • 2019-12-12
        • 1970-01-01
        • 1970-01-01
        • 2018-09-16
        相关资源
        最近更新 更多