[mootools]ラジオボタンの選択判断

mootoolsでラジオボタンの値の取得をするサンプル。

普通のjavascriptで書くより短くて楽だけど、わざわざこれだけのためにmootoolsを使うことはないと思う。

window.addEvent('domready', function(){

var radio =$$('input[name=set]');
radio.addEvent('click',function(e){
    var txt = radio.filter(function(item, index) {
        return item.checked
    })[0].value;

    var ec =$('log');
    ec.setHTML(txt);
    })
})

値の取得がvar.1.11のgetValue()は廃止され、var1.2ではvalueになりました。

<input name="set" id="r01" type="radio" value="r01 />
<label for="r01">Radio1</label>
<input name="set" type="radio" value="r02" id="r02" />
<label for="r02">Radio2</label>
<input name="set" type="radio" value="r03" id="r03" />
<label for="r03">Radio3</label>

<div id="log"><!-- spacer --></div>

Leave a Comment.