私はこれを行うために多くの方法に取り組んできましたが、JSfiddle でコードが正常に動作するため、不足しているものがあると確信しています - http://jsfiddle.net/ccsnet/dK7NX/5/
<div id="eventscontent" data-role="content">
<div id="eventlistcontrolsdiv1" align="center" >
<form id="eventlistcontrols" name="eventlistcontrols" class="eventlistcontrols" method="post" action="">
<div id="eventlistbutton" align="center">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal" >
<input id="bydistance" type="radio" name="eventsortby" checked="true" />
<label for="bydistance">By Distance</label>
<input id="bytype" type="radio" name="eventsortby" />
<label for="bytype">By Type</label>
<input id="byimpact" type="radio" name="eventsortby" />
<label for="byimpact">By Impact</label>
</fieldset>
</div>
</div>
</form>
</div>
</div>
$(document).ready(function() {
$(function() {
$("input[name='eventsortby']").click(function() {
alert($("input[name=eventsortby]:radio:checked").attr("id"));
})
});
});
私が理解していないのは、なぜこれが当てはまるのかということです。唯一の違いは、html フォームとは別のファイルに javascript があることですが、正しく参照していると思いました。私はやってみました...
input[name=document.eventlistcontrols.eventsortby]
...しかし、これもうまくいきませんでした....
私が正しくやっていないことを誰でも見ることができますか?
ありがとう
テラン