イベントの処理自体の操作（４）
ラジオボタンのクリックでフォーム送信

$('form#radio-submit').submit(function(ev) {
  var value=$('form#radio-submit:checked').val();
  $('div#message').text(value+'が送信されました');
  return false;
} );
$('form#radio-submit :radio').click(function(ev) {
  $('form#radio-submit').submit();
} );

※これボタン1が送信されました　というふうにでなければならないと思うのだが出ない！スクリプトも間違いないと思うが。


実行後（定義がうまくいってないとundefinedと表示される）
ボタン１ ボタン２ ボタン３

変更前のhtml
<form id="radio-submit" action="#">
<div>
   <input type="radio" name="example" value="ボタン１" />ボタン１
   <input type="radio" name="example" value="ボタン２" />ボタン２
   <input type="radio" name="example" value="ボタン３" />ボタン３
</div>
</form>
<div id="message"></div>