こんにちは、なかわけです。
タイトルのことをしようとすると以下のようなコードになると思います。
HTML
<input type="radio" name="sweets" value="1"/> チョコレート <input type="radio" name="sweets" value="2"/> チョコラーテ <input type="radio" name="sweets" value="3"/> ショコラ
Java Script
$(function(){ //ラジオボタンにchangeイベントを結びつける $('input').change(function(){ console.log('Buono!'); }); //ラジオボタンのひとつ目をクリック $('input:first').click(); });
このままでもラジオボタンのひとつ目は選択されますが、
Buono!は出力されません。
これを以下のように変更するとBuono!も出力されてラジオボタンのひとつ目も選択されます。
Java Script
$(function(){ //ラジオボタンにchangeイベントを結びつける $('input').change(function(){ console.log('Buono!'); }); //ラジオボタンのひとつ目をクリック :ここを変更! $('input').get(0).click(); });
はい、これで期待した挙動にはなりましたが、なぜでしょう?
なぜなぜ?
:firstとget(0)の挙動の違いなんでしょうけど、私にはわかりません・・・。
理由がわかる方コメントいただけると助かります。