Question

我有几行单选按钮，默认检查每行上的一个单选按钮。

我想计算页面加载后更改的总单选按钮。（不是单击单选按钮的总次数）

rd1 rd2 rd3 rd4 rd5

rd6 rd7 rd8 rd9 rd10

rd11 rd12 rd13 rd14 rd15

rd1，rd6，rd11在页面加载时默认选中，所以当用户现在检查rd2时，总数应该为1，如果他检查rd8，则下一个总数应该为2，如果他检查rd3，则总数应保持为2 ，如果用户检查rd15总计应该说3，如果他检查rd11总计还应该说3

$("input:radio").click(function() {
var totalRd = $('input:radio:checked').length;
$("#totalRd .rd-count").html(totalRd);
});

默认情况下，可以检查单选按钮，而不输入标签中的“check”字样。

Answer 1

您可以按照示例过滤它：

DEMO jsFiddle

$("input:radio").click(function () {
    var totalRd = $('table').find(':not(.pend) > input:radio:checked').length;
    $("#totalRd .rd-count").html(totalRd);
});

Answer 2

var totalChercks=0;
 $('input:radio').each(function() {
      if($(this).is(':checked')) {
         totalChercks+=1;
      }
      else {
          totalChercks=totalChercks;
      }
    });

Answer 3

您可以使用伪类。为了清晰起见，还增加了匿名功能..

http://jsfiddle.net/jFIT/jj4Uv/3/

$.fn.changedChecker = function () {
 $(this).click(function () {     
$(this).closest('tr').find('.changedRad').removeClass('changedRad');
    $(this).addClass('changedRad');
});
}

$("input:radio").changedChecker();

$('input[type=button]').click(function () {
 alert($('.changedRad').length);
});

计数单选按钮总数已更改

3 个答案: