如何更改验证表单中的属性值

时间:2014-12-05 18:27:49

标签: javascript html forms validation

我创建了一个验证表单,这是您必须编译的字段之一:

<input type="number" name="height" min="160" max="200"/>

但是,如果有人点击单选按钮,我想修改最小数量。

<input type="radio" name="gender" value="male">

如果有人点击此处,我​​想将最小高度设置为170

<input type="radio" name="gender" value="female">

如果有人点击此处,我​​想将最小高度设置为160

有人能帮助我吗? :)

2 个答案:

答案 0 :(得分:0)

试试这个:

<input id='height_input' type="number" name="height" min="160" max="200"/>
<input type="radio" name="gender" value="male" onclick="setmin(170)">
<input type="radio" name="gender" value="female" onclick="setmin(160)">

然后在Javascript中:

function setmin(n) {
    document.getElementById('height_input').min = n;
}

jQuery是完全没必要的。无需使用庞大的库来完成这么简单的任务。请记住添加 id =&#39; height_input&#39;对你的第一个输入,就像我上面显示的那样。

答案 1 :(得分:0)

jQuery是你最好的选择。

您可以使用attr更改属性值,然后使用onclick

将点击处理程序添加到两个单选按钮

这是getting started with jQuery

的良好资源