Set row read only with Radio button selection

$(document).ready(function () { $("#q6").on("change", function() { if($('#Field1-0').is(':checked')) { $(".cf-table-add-row").show(); } if($('#Field1-1').is(':checked')) { $(".cf-table-add-row").hide(); } }); });

replied on August 3, 2016

Hi,

I find "#q6" and "#Field1" doesn't match in your script. I think Field 1 is a radio button, change "#q6" to "#q1“ may work

For another question, I wrote a script according to my assume that there is 1 row in the begining

$(document).ready(function () {
  $(".cf-table-add-row").hide();
  
  $('#q7').on("change", function() { 
    var tr= $('tr:last');
    var ra= tr.find('div[id*="Field9"]');
    if(tr.find('select option:selected').text()=='Completed')
    {
      if(ra.find('input:eq(0)').is(':checked')) {
  	      $(".cf-table-add-row").show();       
        }
        if(ra.find('input:last').is(':checked')) {
  	      $(".cf-table-add-row").hide();
          tr.find('*').attr("readonly",true);
          tr.find('*').attr("disabled",true);
        }
    }
});

  $(".cf-table-add-row").on("click", function() {
    $('tr:eq(-2)').find('*').attr("readonly",true);
    $('tr:eq(-2)').attr("disabled",true);
    $(".cf-table-add-row").hide();
  });
});

change "#q7" to id of your table, and "Field9" to id of your radio button in the table.

0 0

replied on August 9, 2016

Hi Zhenghua,

#q6 and Field 1 are the correct fields from the form.

I've used your code in the form which worked perfectly, thank you so much but if i add a date field in the same form it doesn't work. Any reasons.

Thanks again in advance.

0 0

Question

Question

Set row read only with Radio button selection

Replies

Sign in to reply to this post.