Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Hiding specific checkboxes in multiple choice & with comments

krosser
Topic Author
Offline
Elite Member

More

5 years 9 months ago #180734 by krosser

Hiding specific checkboxes in multiple choice & with comments was created by krosser

Hi guys,

I am trying to hide specific input items in multiple choice and multiple choice with comments. I have come across this old thread , but the script there does not work in LS 3.15 any more.

For some reason the part "input.checkbox" does not work, if added. I have adjusted the li. part that hides the element completely.

The multiple choice

Code:

<script charset="utf-8" type="text/javascript">      
  $(document).ready(function() {  
 
    $('#question{QID} li.question-item.answer-item.checkbox-item:eq(0)').css ({                     
      'display': 'none' 
    });
 
  });
</script>

The multiple choice with comments

Code:

<script charset="utf-8" type="text/javascript">      
  $(document).ready(function() {  
 
    $( '#question{QID} li.row.checkbox-text-item.form-group:eq(0)').css ({                     
      'display': 'none' 
    });
 
 
  });
</script>

Any help with updating the script would be much appreciated.
Sample survey attached.

File Attachment:

File Name: limesurvey...2-20.lss
File Size:21 KB

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

5 years 9 months ago #180737 by tpartner

Replied by tpartner on topic Hiding specific checkboxes in multiple choice & with comments

The HTML structure has changed in 3.x. This should work for both question types:

Code:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:eq(0)').hide();
  });
</script>

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

More

5 years 9 months ago #180743 by krosser

Replied by krosser on topic Hiding specific checkboxes in multiple choice & with comments

tpartner wrote: The HTML structure has changed in 3.x. This should work for both question types:
Code:
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:eq(0)').hide();
  });
</script>

This hides the answer choice but I wanted hide only the checkbox. But adding 'input.checkbox' does not work.

Code:

</script> <script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:eq(0) input.checkbox').hide();
 
  });
</script>

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

5 years 9 months ago #180746 by tpartner

Replied by tpartner on topic Hiding specific checkboxes in multiple choice & with comments

Maybe you could explain what you are trying to achieve. The check-boxes in 3.x are actually pseudo-elements in the labels but hiding those will not prevent checking the box - clicking on a visible label will toggle the box, regardless of visibility.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

More

5 years 9 months ago - 5 years 9 months ago #180749 by krosser

Replied by krosser on topic Hiding specific checkboxes in multiple choice & with comments

I would like to hide certain checkboxes, keeping the labels and the last checkbox, which is a "Do not know" exclusive answer choice.
In multiple choice with comments I will hide the comment box for the "Do not know" exclusive answer.

I don't need to prevent checking the boxes.

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

Last edit: 5 years 9 months ago by krosser.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

5 years 9 months ago #180750 by tpartner

Replied by tpartner on topic Hiding specific checkboxes in multiple choice & with comments

I would like to hide certain checkboxes, keeping the labels and the last checkbox, which is a "Do not know" exclusive answer choice.

Add something like this to the question source:

Code:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:eq(0)').addClass('hidden-checkbox');
  });
</script>

Add something like this to custom.css:

Code:

.hidden-checkbox label::before,
.hidden-checkbox label::after {
  display: none;
}

In multiple choice with comments I will hide the comment box for the "Do not know" exclusive answer.

Add something like this to the question source:

Code:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:last input:text').hide();
  });
</script>

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Attachments:

...2019-02-20.png

The following user(s) said Thank You: krosser

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

More

5 years 8 months ago #181155 by krosser

Replied by krosser on topic Hiding specific checkboxes in multiple choice & with comments

I have also tried to adjust the padding, using CSS, and this code has worked for the multiple choice with comments:

Code:

.checkbox-text-item.hidden-checkbox .checkbox-item,
.checkbox-text-item.hidden-checkbox .checkbox-item label {
  padding-left: 0;
}

For multiple choice without comments, this code worked:

Code:

.answers-list.hidden-checkbox .checkbox-item,
.answers-list.hidden-checkbox .checkbox-item label {
    padding-left: 0;
}

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

The topic has been locked.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

5 years 8 months ago #181161 by DenisChenu

Replied by DenisChenu on topic Hiding specific checkboxes in multiple choice & with comments

Question :

Did you try

Code:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:eq(0) input:checkbox').addClass('invisible');
  });
</script>

?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

More

5 years 8 months ago #181179 by krosser

Replied by krosser on topic Hiding specific checkboxes in multiple choice & with comments

DenisChenu wrote: Question :

Did you try

Code:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() { 
    $('#question{QID} .answers-list li:eq(0) input:checkbox').addClass('invisible');
  });
</script>

?

I have tried this code, but adding the invisible class didn't hide the checkbox.

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

5 years 8 months ago #181188 by tpartner

Replied by tpartner on topic Hiding specific checkboxes in multiple choice & with comments

I think you need to hide the label pseudo elements, not the actual checkboxes.

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: DenisChenu

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

More

5 years 8 months ago #181190 by krosser

Replied by krosser on topic Hiding specific checkboxes in multiple choice & with comments

Well, you are right, I needed to hide the label pseudo elements. I haven't used the correct terminology in my response. Sorry about that.

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

5 years 8 months ago #181232 by tpartner

Replied by tpartner on topic Hiding specific checkboxes in multiple choice & with comments

So, now I'm lost. Does the code that I provided not work?

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

Hiding specific checkboxes in multiple choice & with comments

File Attachment:

Lime-years ahead

Legal

About Us

Open Source