2025/05/25(日)input name / id

2025/05/25 16:11 itoy
ページから入力された input:radio の値をいったん表示し(ダイアログ)、OKの場合はコミット(RDBへ書き込み)しようとしました。
しかし、うまくいきません。
ラジオボタンの1番最初のパラメータしか、サーバへ送信されません。

うまくいかないコード
HTML
<input type="radio" name="name_id" id="name_id" value="ABC" checked disabled>ABC
<input type="radio" name="name_id" id="name_id" value="DEF" disabled>DEF
JavaScript


<script>

    $(document).ready(function(){

        $('form').on('submit', function(e) {

                document.getElementById('name_id').disabled = false ;

        });

    });

</script>

うまくいく(意図したとおり)コード
HTML
<input type="radio" name="name_id" id="name_id_1" value="ABC" checked disabled>ABC
<input type="radio" name="name_id" id="name_id_2" value="DEF" disabled>DEF
JavaScript


<script>

    $(document).ready(function(){

        $('form').on('submit', function(e) {

                document.getElementById('name_id_1').disabled = false ;

                document.getElementById('name_id_2').disabled = false ;

        });

    });

</script>

素人の一つ覚えでinputのnameとidは同一にする... と思っていました
意味があるから分けるのですね
経験値が1つ増えました