Question

<tr>
    <td height="250px" width="300px"><center><label><input type="radio" name="carrier" <?php if (isset($carrier) && $carrier=="LBC") echo "checked";?>  value="LBC"><img src="../paymentoptions/lbc.png" alt="LBC" class="picture" width="245px" style="margin:10px"/></label></td>

    <td height="250px" width="300px"><center><label><input type="radio" name="carrier" <?php if (isset($carrier) && $carrier=="PickUp") echo "checked";?>  value="PickUp"><img src="../paymentoptions/pickup.jpg" alt="Pick-Up" class="picture" height="210px" width="250px" style="margin:10px"/></label></td>
</tr>

您好，如果没有选择选项，如何禁用表单提交按钮？谢谢

Answer 1

他们是单选按钮，因此无法取消选中。从禁用按钮开始，如果/当选中其中一个单选按钮时将其切换为启用：

<input type="submit" disabled="disabled" value="submit" name="submit"/>

//Begin JS

$(function(){
    $("input[type='radio']").change(function(){

        $("input[type='submit']").prop("disabled", false);
        //Or
        //$("input[type='submit']").removeAttr("disabled");
    });
});

JSFiddle

Answer 2

您可以尝试这样的事情：

$("#submit_button").submit(function(){
    var temp = false;
    $("input[type='radio']").each(function(){
        if($(this).prop("checked") == true){
             temp = true;
        }
    });
    if(temp == true)
        return true;
    else
        return false
});

如果没有单击单选按钮，则禁用提交按钮

2 个答案: