Jak zmienić wartość atrybutu w formularzu sprawdzania poprawności - javascript, html, formularze, sprawdzanie poprawności

Utworzyłem formularz sprawdzania poprawności, jest to jedno z pól, które musisz skompilować:

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

ale chcę zmodyfikować minimalną liczbę, jeśli ktoś kliknie przycisk opcji.

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

jeśli ktoś kliknie tutaj, chcę ustawić minimalną liczbę wysokości na 170

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

jeśli ktoś kliknie tutaj, chcę ustawić minimalną liczbę wysokości na 160

Czy ktoś może mi pomóc? :)

Odpowiedzi:

Spróbuj tego:

<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)">

Następnie w JavaScript:

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

jQuery jest całkowicie niepotrzebny. Do tak prostego zadania nie trzeba używać ogromnej biblioteki. Pamiętaj by Dodaj id = "height_input" do pierwszego wejścia, tak jak pokazałem powyżej.

jQuery będzie najlepszym wyborem.

możesz zmienić wartość atrybutów za pomocą attr, i możesz dodać programy obsługi kliknięć do dwóch przycisków opcji za pomocą na lub Kliknij

Oto dobry zasób dla pierwsze kroki z jQuery