Question

我有一些不同数字值的单选按钮。如何应用自动选择选项，其中单选按钮值小于其他单选按钮值。

前：

            <table class="tbl">
                    <tr>
                        <td><input type="radio" name="" value="15" /></td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="" value="45" /></td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="" value="10" /></td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="" value="12" /></td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="" value="25" /></td>
                    </tr>
            </table>

Answer 1

假设您的意思是选择具有最低值的那个，那么这将是：

var lowest;
$(':radio').each(function() {
    if (!lowest || parseInt($(this).val()) < parseInt(lowest.val()))
        lowest = $(this);
});
lowest.attr('checked', 'checked');

http://jsfiddle.net/gUnkq/13/

可能是一种更好的方法，但这可行。

Answer 2

这可以在没有each的情况下解决。只需找到最小值的索引并在此索引上选择此单选按钮，如下所示。

var radios = $(".tbl input:radio");
var vals = radios.map(function(index, el) { return parseInt($(el).val()); }).get();
var index = $.inArray(Math.min.apply(null, vals), vals);

radios.eq(index).attr("checked", "checked");

Jquery：单选按钮有问题吗？

2 个答案: