Javascript 关联单选按钮上的事件侦听器

我有以下代码：

 <div class="ui-content">
        <ul class="ui-listview">
            <li class="li-has-radio">
                <label>
                    15 mn
                    <input type="radio" value="15" name="radSize" checked="checked"/>
                </label>
            </li>
            <li class="li-has-radio">
                <label>
                    30 mn
                    <input type="radio" value="30" name="radSize"/>
                </label>
            </li>
            <li class="li-has-radio">
                <label>
                    45 mn
                    <input type="radio" value="45" name="radSize"/>
                </label>
            </li>

        </ul>
    </div>

除了第一个单选按钮外，一切正常。默认情况下，它处于选中状态，但当我单击它时，什么也没有发生

我该怎么办？

---

谢谢。

问题在于，当您单击所选单选按钮时，它不会改变。我建议您要么切换到

单击
处理程序（而不是更改），要么使用按钮而不是收音机

当然，对于按钮，您还需要一个单击处理程序

如果您想让事情与现在更为相似，从第一个未选中的收音机开始也可以解决问题。
使用单击事件：

$("input[name='radSize']").on('click', function(){
alert('You clicked radio!');
    var mytime = $('input:radio[name=radSize]:checked').val();
    alert($('input:radio[name=radSize]:checked').val());
});

只是默认情况下不选择它？嗯，是的，因为该值不会更改。如果已选中该值并单击它，则不会更改。同样，出于同样的原因，用户也不太可能点击它。
$("input[name='radSize']").on('click', function(){
alert('You clicked radio!');
    var mytime = $('input:radio[name=radSize]:checked').val();
    alert($('input:radio[name=radSize]:checked').val());
});