jquery - 如果复选框选项为 X，则验证 require

Question

我正在处理一个需要验证的表单。表单的一小部分要求用户在"is"、“否”两个选项之间进行选择。当选择“否”时，我需要他们输入原因，否则，如果选择"is"，我不需要原因(即使输入字段可能会被隐藏，<-我猜这只能通过 JavaScript 实现？)

我该如何创建这个规则？

假设表单的部分如下所示

<form  id="Form" method="get" action="">
    <fieldset>
        <legend>form</legend>
    Yes:
        <input name="choice" type="radio" value="Yes"/>
        <br />
    No:
        <input name="choice" type="radio" value="No"/>
        <br />
        <label for="reaason">Reason</label>
        <input id="reason" name="reason"  />
    </fieldset>
</form>

Answer 1

你可以这样做

$('input[name="choice"]').change(function(){
    if($(this).val() == 'No'){
        $('.reason').show();
    }
    else{
        $('.reason').hide();
    }
});

示例: http://jsfiddle.net/fh2Q9/

注意:我稍微更改了 HTML，为“原因”input 和 label 提供了一个类，因此更容易隐藏。