2

全部，当单击单选按钮以查看所选组中是否至少有一个条目时，我需要运行以下代码。

jQuery("input[type=radio]").click(function(event){
    alert('it is clicked');
    var num_questions = jQuery("#num_questions").val();
    var new_questions = parseInt(num_questions) + 1;
    for(var i=1; i<new_questions; i++){
        var radios = jQuery("input[type=radio]");
        var group  = radios.filter('[name=rating_value_'+i+']');
        if(group.filter(":checked").length==0){
            var answers_to_questions = "false";
            return false;
        }else{
            var answers_to_questions = "true";
            jQuery("#no_answers").html('');
        }
        //alert((group.filter(":checked").length)?"checked":"not checked");
    }
});

我收到了警报，所以我知道它已经到了，但是，单选按钮没有被选中。但是，当我删除此代码时，它可以正常工作。任何想法为什么这会导致这种情况发生？

提前致谢！

4

2 回答 2

2

从事件处理程序返回false可防止发生该事件的默认操作。在单击单选按钮的情况下，默认操作是选择该单选按钮（并取消选择其组中先前选择的单选按钮）。

“当单击单选按钮以查看所选组中是否至少有一个条目时”

我不明白你想在这里实现什么。“至少一个”没有意义，因为在给定组中最多只能检查一个收音机。仅当最初未选中任何电台时，才会发生组中少于一个的情况，因为用户无法取消选中给定组中的所有无线电。

话虽如此，在一般意义上，您的代码可以简化：

jQuery("input[type=radio]").click(function(event){
    var num_questions = jQuery("#num_questions").val(),
        new_questions = parseInt(num_questions, 10) + 1,
        radios = jQuery("input[type=radio]"),
        all_answered = true;
    for(var i=1; i<new_questions; i++){
        if(radios.filter('[name=rating_value_'+i+']:checked').length===0){
            all_answered = false;
            break;
            // return false;   <------ don't return false or it cancels the click
        }
    }
    if (!all_answered) {
        // a group was found that didn't have an answer selected
        // so do something
    } else
        jQuery("#no_answers").html('');
});
于 2012-07-20T04:14:49.987 回答
1

尝试以下操作：

$("input[type=radio]").click(function(event){
    var num_questions = parseInt($("#num_questions").val(), 10) + 1;
    var unselected = 0;
    for(var i = 1; i < new_questions; i++) {
        if ($('input[name=rating_value_'+i+']:checked').length == 0 ) {
             unselected++
        }
    }
    $("#no_answers").html('there are ' + unselected + ' radio groups');
});
于 2012-07-20T04:24:13.177 回答