我是jQ的新手(正如我的代码证据)。请进行理智检查。 (是的,这里有很多jQuery /无线电线程,但在其他地方看不到这个问题 - 怀疑这是我糟糕的jQ)。
HTML:
<div class="row colFlush">
<div class="col-xs-8 colFlush">
<label for="numberOfTimesADayFixed"> Number of times a day <i class="explain fa fa-question-circle text-primary" data-toggle="popover" data-trigger="focus" tabindex="0" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?"></i></label>
<div class="btn-group-xs smhRadio" role="group" name="numberOfTimesADayFixed"
data-toggle="buttons" id="numberOfTimesADayFixed">
<label class="btn btn-default">
<span class="glyphicon glyphicon-unchecked"></span>
<input type="radio" value="1" name="fixedTimesPerDay"/> 1
</label>
<label class="btn btn-default">
<span class="glyphicon glyphicon-unchecked"></span>
<input type="radio" value="2" checked="checked" name="fixedTimesPerDay"/> 2
</label>
etc...
<label class="btn btn-default">
<span class="glyphicon glyphicon-unchecked"></span>
<input type="radio" value="8" name="fixedTimesPerDay"/> 8
</label>
</div>
</div>
</div>
jQ(原谅这个烂摊子):
$(document).ready(function () {
// CHANGE 2 ids 2 ids!!!!!
$("#numberOfTimesADayFixed .btn").on('click', function () {
ToggleRadioButtons("#numberOfTimesADayFixed", $(this));
var $timesNeeded = $("#numberOfTimesADayFixed input[type='radio']:checked").attr("value");console.log($timesNeeded)
});
});
基本上如果我点击2然后3我得到2作为返回值。然后我点击5然后我得到3等IE我得到了上一个点击的值。
正如你从我的代码中看到的那样,我正在努力使用jQ但是已经构建了一个复杂的页面,其行为正如我想要的那样。
(请参阅http://www.moviemaui.com/sane30/beta31/newBuildRand16SundayBeforePop.html)的“时间设置 - &gt;多个固定时间”
答案 0 :(得分:0)
将click
更改为change
的简单解决方案。据推测,click
检查当前状态是否发生了任何变化。 (以大写字母改为强调。)
$("#numberOfTimesADayFixed .btn").on('CHANGE', function () {
建议请。我应该放弃吗?如果我早些时候找到了这个答案,我本可以节省一个小时的头脑,但也许大多数人都知道这个问题。
不确定这种情况的礼节。