Radio's ID and Value for a Survey

Radio's ID and Value for a Survey

Hi,

I have below code and I want to pus the info below to a .ajax to send it to my PHP but I want to have the ID of every question assign to it then my jquery send it because I want my database to save the question_id and the value for the radio group. something like this:

  1. <div class="questionItem" QUESTION_ID="7">
  2.     1. Overall, I was satisfied with my experience at Aroma Cafe.<br />
  3.     <div data-bind="dxRadioGroup: { items: [ {id: 1, name: 'Strongly Agree'}, {id: 2 , name: 'Agree'}, { id: 3, name: 'Neither Agree Nor Disagree'}, {id: 4, name: 'Disagree'},{id: 5, name: 'Strongly Disagree'}], displayExpr: 'name', valueExpr: 'id', layout: 'vertical', value: radioBoxGroupValue }"></div>
  4. </div>

here is my code:

  2. <div data-options="dxView : { name: 'survey', title: 'Survey', disableCache: true } " >
  3.     <div data-options="dxContent : { targetPlaceholder: 'content' } " class="dx-content-background">
  4.         <div data-bind="dxScrollView: {}">
  5.             <!-- <div data-bind="foreach: questions"></div> -->
  6.             <div class="questionItem">
  7.                 You Name:
  8.                 <div id="txtName" data-bind="dxTextBox: { }"></div>
  9.             </div>

  11.             <div class="questionItem">
  12.                 Email Address:
  13.                 <div id="txtEmail" data-bind="dxTextBox: { }"></div>
  14.             </div>

  16.             <div class="questionItem">
  17.                 Birthday:
  18.                 <div id="dateBirthday" data-bind="dxDateBox: {}"></div>
  19.             </div>

  21.             <div class="questionItem">
  22.                 1. Overall, I was satisfied with my experience at Aroma Cafe.<br />
  23.                 <div data-bind="dxRadioGroup: { items: [ {id: 1, name: 'Strongly Agree'}, {id: 2 , name: 'Agree'}, { id: 3, name: 'Neither Agree Nor Disagree'}, {id: 4, name: 'Disagree'},{id: 5, name: 'Strongly Disagree'}], displayExpr: 'name', valueExpr: 'id', layout: 'vertical', value: radioBoxGroupValue }"></div>
  24.             </div>

  26.             <div class="questionItem">
  27.                 2. I am likely to recommend Aroma Cafe to a friend or colleague.<br />
  28.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  29.             </div>

  31.             <div class="questionItem">
  32.                 3. Aroma Cafe offers good value for my money.<br />
  33.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  34.             </div>

  36.             <div class="questionItem">
  37.                 4. Aroma Cafe has a good variety of choices.<br />
  38.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  39.             </div>

  41.             <div class="questionItem">
  42.                 5. The staff were friendly at Aroma Cafe.<br />
  43.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  44.             </div>

  46.             <div class="questionItem">
  47.                 6. The staff were knowledgeable about Aroma Cafe's offerings.<br />
  48.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  49.             </div>

  51.             <div class="questionItem">
  52.                 7. My order tasted great.<br />
  53.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  54.             </div>

  56.             <div class="questionItem">
  57.                 8. My order was served hot.<br />
  58.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  59.             </div>

  61.             <div class="questionItem">
  62.                 9. My order was accurate and looked appealing.<br />
  63.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  64.             </div>

  66.             <div class="questionItem">
  67.                 10. My order was on time.<br />
  68.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  69.             </div>

  71.             <div class="questionItem">
  72.                 11. The look and feel of the outlet was clean and inviting.<br />
  73.                 <div data-bind="dxRadioGroup: { items: [ 'Strongly Agree', 'Agree', 'Neither Agree Nor Disagree', 'Disagree', 'Strongly Disagree' ], layout: 'vertical' }"></div>
  74.             </div>

  76.             <div class="questionItem">
  77.                 12. Please share any other throughts or comments:
  78.                 <div data-bind="dxTextArea: { }"></div>
  79.             </div>

  81.             <div class="questionItem">
  82.                 <div data-bind="dxButton: { text: 'Submit' }"></div>
  83.             </div>
  84.         </div>
  85.     </div>
  86. </div>

Thanks,
Jassim