HTML JavaScript复选框排序问题：两位数数值排序失效求助

你的排序逻辑在处理数值型复选框值时失效，核心问题出在字符串与数值的比较方式差异：

• 复选框的val()方法返回的是字符串类型，而你直接用字符串比较运算符（</>）来对比数值。
• 字符串比较是按字符的ASCII码逐位对比的，比如"10"和"2"比较时，会先看第一个字符'1'和'2'，因为'1'的ASCII码小于'2'，所以会判定"10" < "2"，导致两位数的数值排序混乱。

把复选框的值转换成数值类型后再进行比较，修改排序逻辑中最后一段的代码：

// 原代码（字符串比较）
if ($a.val() < $b.val())
    return -1;
else if ($a.val() > $b.val())
    return 1;

替换为：

// 转换为整数后比较
var valA = parseInt($a.val(), 10);
var valB = parseInt($b.val(), 10);
if (valA < valB)
    return -1;
else if (valA > valB)
    return 1;

如果你的复选框值可能包含小数，就用parseFloat()代替parseInt()，或者直接用Number()转换：

var valA = Number($a.val());
var valB = Number($b.val());

修改后，数值会以数字类型进行大小对比，"10"会被转换成10，"2"转换成2，此时10 > 2，就能得到正确的排序结果。

内容的提问来源于stack exchange，提问作者Fashion Fiestas