選択したラジオボタンの値を取得するにはどうすればいいですか? [重複] 質問する

JS プログラムで奇妙な問題が発生しています。正常に動作していたのですが、何らかの理由で動作しなくなりました。ラジオ ボタンの値 (選択されているもの) を見つけて、それを変数に返したいだけです。何らかの理由で、戻り続けますundefined。

これが私のコードです:

function findSelection(field) {
    var test = 'document.theForm.' + field;
    var sizes = test;

    alert(sizes);
        for (i=0; i < sizes.length; i++) {
            if (sizes[i].checked==true) {
            alert(sizes[i].value + ' you got a value');     
            return sizes[i].value;
        }
    }
}

function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);
}

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" name="genderS" value="1" checked> Male
    <input type="radio" name="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A>
</form>