こんにちは、なかわけです。
タイトルのことをしようとすると以下のようなコードになると思います。
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)の挙動の違いなんでしょうけど、私にはわかりません・・・。
理由がわかる方コメントいただけると助かります。
