JavaScriptプログラムに関する各種メモ書き

ラジオボタン <radio name="form_name"></radio>の状態を変える

■ ラジオボタン

<input type="radio" name="radio_button_name" value="yes">はい
<input type="radio" name="radio_button_name" value="no">いいえ

の選択状態変更するJavaScript。


■ 関数名(_change_radiobutton)

function _change_radiobutton( form_name, value ){
    var element = document.getElementsByName( form_name );
    if (element.length == 0){ alert( '<input type="radio" name="' + form_name +'"> is not find.'); return; }
    

    var flag = false;
    for (var i=0; i<element.length; i++) {
        if(element[i].value == value){ element[i].checked = true; flag = true; }
        else{ element[i].checked = false; }
    }
    if(! flag){ alert( 'DATA [' + value + '] is not find in <input type="radio" name="'+form_name+'"> '); }
}

■ Usage

_change_radiobutton( 'radio_button_name', 'no' );

jQuery Mobile を使用すると次のようにも記述することができます

jQuery('input:radio').prop('checked',true).checkboxradio( 'refresh' );

No.593
03/03 10:01

edit