JQuery既存のコードにクリックイベントを追加する

Question

私は以下のコードを使用しています。私の問題は、実際にラジオボタンをクリックしてコードを取得する必要があることです。

私は、ユーザーがDIVここ

現在のコードでクリックすると、それはまた、あるイベントをトリガしても、クリックハンドラを追加したいと思います：

<script> 

$(function(){ 
$("input[type=radio]").change(function() { 
$("input[type='radio']", $(this).parent().parent()).each(function() { 
$(this).parent() 
.toggleClass("class_selected", this.checked) 
.toggleClass("class_default", !this.checked); 

}); 
}); 
}); 

</script> 

UPDATE：ここではHTMLコードです：

<div class="def_app"> 
<span>Title Here</span> 
<input type="radio" name="radio1" /> 
</div> 

Answer 1

使用triggerは、イベントが発生したことをエミュレートし、そのイベントに関連付けられた対応するコードを呼び出します。

$(function(){ 
$("input[type=radio]").change(function() { 
$("input[type='radio']", $(this).parent().parent()).each(function() { 
$(this).parent() 
.toggleClass("class_selected", this.checked) 
.toggleClass("class_default", !this.checked); 

}); 
}); 

//call trigger on the input 
$("#yourdiv").click(function() {  
$("input[type=radio]").trigger('change'); 
} 

}); 

Answer 2

たぶんあなただけのラジオボタンをラップする代わりに<div>の<label>^{W3C specs}を使用する必要があります。ユーザーは、ラベルのテキストをクリックすると、現在使用しているchangeイベントがトリガされます。この方法で...

私が正しくあなたの質問を理解している場合それは、意味的な方法です。..

---

更新はあなたのhtml

を見た後だけ

<label class="def_app"> 
<span>Title Here</span> 
<input type="radio" name="radio1" /> 
</label>