5

フォーム要素でラジオボタンが選択されているかどうかを単純にチェックする関数を次に示します。

function validate_selected(element) {
    var radios = document.getElementsByName(element);
    var formValid = false;

    var i = 0;
    while (!formValid && i < radios.length) {
      if (radios[i].checked) formValid = true;
      i++;        
    }

    if (!formValid) alert("Must select one before moving on!");
    return formValid;
}

関数が false を返す場合に無効にしたいリンクを次に示します。現在、リンクにはアラートが表示されていますが、アラートの後、リンクはユーザーを転送します。

<a href="#m2" data-role="button" onclick="validate_selected('owner');"><p style="font-size:<?php echo $size1.'px'; ?>;">Next</p></a>

関数が false を返す場合、リンクを無効にします。

4

2 に答える 2