我一直在研究多种方法来做到这一点,现在我确信我缺少一些东西,因为我的代码在 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"));
})
});
});
我不明白为什么会这样。唯一的区别是我在一个单独的文件中将 javascript 放在了 html 表单中,但我认为我正确地引用了它。我试过做...
input[name=document.eventlistcontrols.eventsortby]
……这怎么也行不通……
任何人都可以看到我做的不对吗?
谢谢
人族