Question

应该很有说服力。

有一些行带有单选按钮，最后有一个复选框。

帮助1.我想要的只是选中复选框时，选中的单选按钮的值以及textarea和下拉列表的值（如果单击Missing单选按钮）将填入文本中在底部的区域？

帮助2.现在单击单选按钮时，将显示所有选中的单选按钮值。我哪里错了？

帮助您从文本区域了解由〜和|分隔的数据单击全部保存按钮时，会转到下一个阶段。最初在页面加载时，单选按钮会根据前一页面进行预先检查，但不需要在底部文本区域中填充任何内容。

我们使用jquery 1.6.4

function updateSummary($this){
$this.closest('[id]').find('.r-title, .m-notes-wrapper, .up-arrow, .down-arrow').hide();
var totalRd = $('table').find('input:radio:checked').length;

// Array of clicked items
var clicked = [];

// Set number of selected items
$("#totalRd .rd-count").html(totalRd);

// Show the title and notes next to the radio button
$this.siblings('.r-title, .m-notes-wrapper, .up-arrow, .down-arrow').show();

// Find checked radio buttons that has been clicked
$('table').find("input[type=radio]:checked:enabled").each(function () {
    // Find closest ancestor with an id
    // See if we have a text box, if so use the text
    var $text = $(this).parent().find('textarea.m-notes:visible');
    var missingReason = $(this).parent().find('.reason').val();
    var selectedId = $(this).closest('[id]').attr('id');
    var value = selectedId + "~" + $(this).val();
    if ($text.length)
    {
        value += "~" + missingReason +"~" + $text.val();
    }
    clicked.push(value);
}); //checked

// Display the selected ids 
$("#inputhere").val(clicked.join('|'));
}

// Radio selection changes selected options
$("input:radio").click(function () {
updateSummary($(this));    
 });
 $('textarea.m-notes').bind('keyup', function () {
updateSummary($(this).siblings(':radio'));
});

$('select.reason').change (function () {
updateSummary($(this).siblings(':radio'));
});

$("input:checkbox").change(function(){
updateSummary($(this));    
});

感谢您的帮助。

Answer 1

您可以在更新textarea时添加条件：

if($('table').find("input[type=checkbox][name='" + $(this).attr('name') + "']").is(':checked')) {
    var $text = $(this).parent().find('textarea.m-notes:visible');
    var missingReason = $(this).parent().find('.reason').val();
    var selectedId = $(this).closest('[id]').attr('id');
    var value = selectedId + "~" + $(this).val();
    if ($text.length)
    {
        value += "~" + missingReason +"~" + $text.val();
    }
    clicked.push(value);
}

验证 - 仅在选中复选框并选中单选按钮时

1 个答案: