要在文本区域中填充的单选按钮值

时间:2014-06-17 15:03:03

标签: javascript jquery

所有

我有这个设置。

当用户选中该复选框时,将启用单选按钮。

当用户只选择1或2个复选框并更改单选按钮(例如从Met到Not Met等)时,我遇到了问题。所有已检查的单选按钮都已填充。我只想填充单选按钮值+行id。因此,如果选中了2个复选框并且单选按钮已更改,则只有这两个复选框应显示在文本区域中。

此外,单击Missing单选按钮时会有一个输入字段,并且还需要填充其值。

在这里的帮助下,设法到这里工作..

FIDDLE

$("input:radio").hover(function () {
$(this).prev('.r-title').show();
}, function () {
if (!$(this).is(':checked')) {
    $(this).siblings('.r-title, .m-notes').hide();
}
});

//Radio Buttons

$("input:radio").click(function () {
$(this).parent().parent().find('.r-title, .m-notes').hide();
var totalRd = $('table').find('input:radio:checked').length;
var clicked = [];
$("#totalRd .rd-count").html(totalRd); //Counts the radio buttons clicked
$(this).siblings('.r-title, .m-notes').show();
$('table').find("input[type=radio]:checked").each(function () {
var selectedId = $(this).parent().parent().attr('id');
var newVal = ($(this).next('.m-notes:visible').length) ? this.value + "~" +     $(this).next('.m-notes:visible').val() : this.value;
    clicked.push(selectedId + "~" + newVal);
}); //checked
$("#inputhere").val(clicked.join('|'));
});

//Input Field for Missing Radio Button

$('.m-notes').keyup(function () {
var $self = $(this);
var clicked = [];
$('table').find("input[type=radio]:checked").each(function () {
    var selectedId = $(this).parent().parent().attr('id');
    var newVal =  this.value + "~" + $(this).next('.m-notes').val();
    clicked.push(selectedId + "~" + newVal);
}); //checked
$("#inputhere").val(clicked.join('|'));
});

//CheckBox
var clicked=[];
$("input:checkbox").change(function(){
$(this).parent().parent().find("input[type=radio]").prop('disabled',!this.checked);

$("#inputhere").val("");
$(".chkBx").each(function(){
if($(this).prop("checked")){
var txtVal =       $(this).parents("div").eq(1).find("input[type='radio']:checked").val();
        var idRowVal = $(this).parents("div").eq(1).attr("id");
        var textboxPrevValue = $("#inputhere").val();
        var textAndIdVal = textboxPrevValue +  idRowVal + "~ "+ txtVal+"|" ;
        $("#inputhere").val(textAndIdVal);
    }
  });

});

0 个答案:

没有答案