- Posts: 57
- Thank you received: 3
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
disable cell
- delarammahdaviii
- Topic Author
- Offline
- Senior Member
Less
More
8 years 1 month ago #131602
by delarammahdaviii
disable cell was created by delarammahdaviii
hi
how can i do this image ?
i can design like this image but i cant disable unchecked cell
i use JS code for remove unwanted cell , plz help me about showing only checked on Q1-8
how can i do this image ?
i can design like this image but i cant disable unchecked cell
i use JS code for remove unwanted cell , plz help me about showing only checked on Q1-8
Attachments:
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
8 years 1 month ago #131606
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic disable cell
Are both questions in the same group? Can you attach a small test survey?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: delarammahdaviii
The topic has been locked.
- delarammahdaviii
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 57
- Thank you received: 3
8 years 1 month ago - 8 years 1 month ago #131608
by delarammahdaviii
Replied by delarammahdaviii on topic disable cell
thank you
my both question in same question group .
my both question in same question group .
Attachments:
Last edit: 8 years 1 month ago by delarammahdaviii.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
8 years 1 month ago #131626
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic disable cell
Assuming the questions are sequential, you could add something like this to the source of the first question:
Sample survey attached:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function() { // Identify the questions var thisQuestion = $('#question{QID}'); var nextQuestion = $(thisQuestion).nextAll('.array-multi-flexi:eq(0)'); var theseQuestions = $(thisQuestion).add(nextQuestion); // Assign row-specific classes $('table.subquestions-list tbody', theseQuestions).each(function(i){ $('> *', this).each(function(i){ $(this).addClass('row-'+(i+1)+''); $(this).attr('data-row', (i+1)); }); }); // Assign column-specific classes $('table.subquestions-list tr', theseQuestions).each(function(i){ $('> *', this).each(function(i){ $(this).addClass('column-'+i+''); $(this).attr('data-column', i); }); }); // Initial Q2 input states $('input[type="text"]', nextQuestion).prop('readonly', false).css('opacity', '1'); // Loop through all un-checked boxes in Q1 $('input[type="checkbox"]:not(:checked)', thisQuestion).each(function(i) { // Disable the corresponding input in Q2 var rowNum = $(this).closest('tr').attr('data-row'); var columnNum = $(this).closest('td').attr('data-column'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion).val('').prop('readonly', true).css('opacity', '0.3'); }); // Listener on the Q1 checkboxes $('input[type="checkbox"]', thisQuestion).on('change', function(e) { // Reset Q2 $('input[type="text"]', nextQuestion).prop('readonly', false).css('opacity', '1'); // Loop through all un-checked boxes in Q1 $('input[type="checkbox"]:not(:checked)', thisQuestion).each(function(i) { // Disable the corresponding input in Q2 var rowNum = $(this).closest('tr').attr('data-row'); var columnNum = $(this).closest('td').attr('data-column'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion).val('').prop('readonly', true).css('opacity', '0.3'); }); }); }); </script>
Sample survey attached:
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: delarammahdaviii
The topic has been locked.
- delarammahdaviii
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 57
- Thank you received: 3
8 years 1 month ago #131821
by delarammahdaviii
Replied by delarammahdaviii on topic disable cell
thank you tony
how can i apply to 3 question like second question q82
q82,q83,q84 exactly are same
how can i apply to 3 question like second question q82
q82,q83,q84 exactly are same
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
8 years 1 month ago #131831
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic disable cell
This should work for 3 identical following questions:
Survey attached:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function() { // Identify the questions var thisQuestion = $('#question{QID}'); var nextQuestion = $(thisQuestion).nextAll('.array-multi-flexi:eq(0)'); var nextQuestion2 = $(thisQuestion).nextAll('.array-multi-flexi:eq(1)'); var nextQuestion3 = $(thisQuestion).nextAll('.array-multi-flexi:eq(2)'); var theseQuestions = $(thisQuestion).add(nextQuestion).add(nextQuestion2).add(nextQuestion3); // Assign row-specific classes $('table.subquestions-list tbody', theseQuestions).each(function(i){ $('> *', this).each(function(i){ $(this).addClass('row-'+(i+1)+''); $(this).attr('data-row', (i+1)); }); }); // Assign column-specific classes $('table.subquestions-list tr', theseQuestions).each(function(i){ $('> *', this).each(function(i){ $(this).addClass('column-'+i+''); $(this).attr('data-column', i); }); }); // Initial Q2 input states $('input[type="text"]', nextQuestion).prop('readonly', false).css('opacity', '1'); $('input[type="text"]', nextQuestion2).prop('readonly', false).css('opacity', '1'); $('input[type="text"]', nextQuestion3).prop('readonly', false).css('opacity', '1'); // Loop through all un-checked boxes in Q1 $('input[type="checkbox"]:not(:checked)', thisQuestion).each(function(i) { // Disable the corresponding input in Q2 var rowNum = $(this).closest('tr').attr('data-row'); var columnNum = $(this).closest('td').attr('data-column'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion).val('').prop('readonly', true).css('opacity', '0.3'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion2).val('').prop('readonly', true).css('opacity', '0.3'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion3).val('').prop('readonly', true).css('opacity', '0.3'); }); // Listener on the Q1 checkboxes $('input[type="checkbox"]', thisQuestion).on('change', function(e) { // Reset Q2, Q3, Q4 $('input[type="text"]', nextQuestion).prop('readonly', false).css('opacity', '1'); $('input[type="text"]', nextQuestion2).prop('readonly', false).css('opacity', '1'); $('input[type="text"]', nextQuestion3).prop('readonly', false).css('opacity', '1'); // Loop through all un-checked boxes in Q1 $('input[type="checkbox"]:not(:checked)', thisQuestion).each(function(i) { // Disable the corresponding input in Q2 var rowNum = $(this).closest('tr').attr('data-row'); var columnNum = $(this).closest('td').attr('data-column'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion).val('').prop('readonly', true).css('opacity', '0.3'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion2).val('').prop('readonly', true).css('opacity', '0.3'); $('tr[data-row="'+rowNum+'"] td[data-column="'+columnNum+'"] input[type="text"]', nextQuestion3).val('').prop('readonly', true).css('opacity', '0.3'); }); }); }); </script>
Survey attached:
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: delarammahdaviii
The topic has been locked.
- delarammahdaviii
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 57
- Thank you received: 3
8 years 1 month ago #131910
by delarammahdaviii
Replied by delarammahdaviii on topic disable cell
how can reverse this question
when user click on Q1 , all cell isn't checked and inactive in first question , active in 3rd question until i can ask resan of unchaking ?
when user click on Q1 , all cell isn't checked and inactive in first question , active in 3rd question until i can ask resan of unchaking ?
The topic has been locked.