Comment vérifier si un groupe de boutons radio est requis
P粉716228245
P粉716228245 2024-04-03 16:23:29
0
1
439

J'ai un groupe de boutons radio dynamiques où l'attribut required peut ne pas être spécifié sur toutes les entrées.

<form name="myform">
    <input type="radio" id="option1" name="foo" value="First" >
    <input type="radio" id="option2" name="foo" value="Second" required>
    <input type="radio" id="option3" name="foo" value="Third">
    <input type="radio" id="option4" name="foo" value="Fourth">
</form>

Existe-t-il un moyen en JavaScript de vérifier si un groupe de boutons radio est requis sans parcourir toutes les entrées du groupe ?

J'ai regardé le validity.missingValue 属性,该属性在未选择单选按钮时有效,但我没有该字段何时有效的解决方案。目前我有以下代码,但如果有其他一些属性可以使用,例如,那就太好了在 HTMLInputElementRadioNodeList sur l'élément d'entrée.

function isRequired() {
    return Array.from(document.myform.foo).some(i => i.required)
}

P粉716228245
P粉716228245

répondre à tous(1)
P粉131455722

Peut-être que c'est le cas ?

const myForm = document.forms['my-form'];

console.log( !!myForm.querySelector('input[name="foo"][required]') )  // true
<form name="my-form">
  <input type="radio" name="foo" value="First" >
  <input type="radio" name="foo" value="Second" required >
  <input type="radio" name="foo" value="Third" >
  <input type="radio" name="foo" value="Fourth" >
</form>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal