yes, the erroneous click is definitely a problem. and like you shown 2(a,b), the double question is a problem. but I am afraid people will change the transportation mode after they see the second part. the result without second part is important for my research. So, if I use the first method, how about telling respondent to tick carefully? I hope I could get your advice for the problem.

Qiang

And, sorry, I answered from my smartphone.
But now I saw that I remembered well.
There is an option "Reselect your transport mode". So it is allowed.

But a simple thing would be:
Separate images and radio buttons into two different rows.
Hide the row with the radio buttons "onClick".
Add a class to this row, and hide it in the "onClick" event of these "radio-items"

Joffm

 

Hi Joffm,

I separate the image and radio button into different rows. then, I want to obey your advice to lock other modes once one mode is chosen by searching 'onClick' in the forum, but I don't get the same quesition with mine. So, would you tell me how to use the 'onClick' button to reach my object. and you could get my .lss file in the attachment. my version is 3.28.36

Best,
Qiang

Okay, if you want to forbid the reselection, this could be an easy way.

First question: Only the upper part.
After selecting a transportation mode proceed to the next question by inserting "$('#ls-button-submit').trigger('click');" here
Second question: Create the full table (upper and lower part)
Insert a mark by something like Adapt to your needs.

  

  
It's an idea, though I still think you should ease the life of the respondent.
After selecting the transportation mode in the first part only show the options of this selection in a second separate question.

Joffm
 

Hi Joffm,

I agree you. the screenshot you shown is I desired. I try to inset the code you provide, but I am not sure which position should be adjusted in JS and I failed to get a good result. So, could you share your lss file to me? Thanks for your help!

Best,
Qiang

Hi Joffm,

I tried many times for achieving that you show, and I just get it. I use two groups and the first group include a Question which is the upper part. In second group, two Questions are included and the first is the upper part with the selected modes in first group, then, the second is the lower part. Is the operation same with yours?

Best,
Qiang

Hi, sorry for delay. 

No, not exactly. 
I used only ONE question as second question, as it is only one question.
I merged the tables.
Now a lot of the css is not necessary, like "no-question, no-bottom", "padnot" and maybe more.

But it is still in the sample.
 

Joffm

Now you have to change the text at the bottom, or insert a further radio with the option "I like to change".
In this case you should show these two questions again. Now without the option to change again.

But do you really expect somebody to change.
Personally I would not.
I decide to drive to the supermarket by car because I want to by two crates of "Grolsch" and one of "Leffe Bruin".
Now I am polite to take a parcel with me.
Does anybody expect me to say "Oh, dan rijd ik op de bakfiets"

Joffm
 

Hi Joffm,

Thanks for your help! For the extra css, if they don't have an influence, maybe i will keep them in case the possible change later.

I agree your opinion that people may not want to change a mode, which is possible. But in my design, the travelling purpose including leisure, social, and business besides shopping. Moreover, some people may not have a private mode and have to choose a public transport. I think it is possible that they will change to a mode because of a package with incentive, but i am not sure. Some people may insist, some change. That is why i do the research.

Best wishes,
Qiang