せつないぶろぐ

prototype.jsで$Fを使ってform中の値を取得したり
できるのだけれど、
$Fはテキストボックスやドロップダウンリストが対象で
ラジオボタンやチェックボックスの値までは取得できない。

で、どうするかと言うと

prototype.jsのEnumerable.findでラジオボタンの値を取得する
http://blog.goo.ne.jp/btblog.php

html

<form name="f">
<input type="radio" name="i" value="123" checked>
<input type="radio" name="i" value="abc">
<input type="radio" name="i" value="xyz">
</form>

js

var r = $A(document.f.i).find(function(v) {
  return v.checked;
});
alert(r.value);

って感じでとれるらしい。

同様にチェックボックスも応用でOK。

他にこんなとりかたもあった。

Latest topics > prototype.jsでラジオボタンの選択された値を取得する - outsider reflex
http://piro.sakura.ne.jp/latest/blosxom.cgi/webtech/javascript/prototypejs/2006-03-16_radio.htm

alert(Form.serialize($(form)).toQueryParams()['dummy']);

ラジオボタンだけならありかも。

Posted on 10 月 20th, 2006 by t    JavaScript, プログラム＆技術系