Databases
StackOverflow2013
Postsdbo
POSeperate radio inputs, appending a div to the correct ones
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSeperate radio inputs, appending a div to the correct ones
    primarykey
    data
    text
    <p>My code:</p> <pre><code>$(document).ready(function () { $("input").focus(function () { $(this).css('outline-color', '#559FFF'); $(this).blur(function () { $(this).css("outline-color", "#FF0000"); }); }); $("input").click(function () { var value = $(this).val(function () { $(this).html(""); }); }); $(".awesome").click(function () { var toStore = $("input[name=name]").val(); if (!/^[A-Za-z]+ [A-Za-z]+$/.test(toStore)) { alert("You Must Put a Valid Name"); } else { $("#contain").children().fadeOut(1000); $("#contain").delay(1000).queue(function () { $("#contain").append("&lt;p&gt;Welcome to My Quiz : " + toStore + "&lt;/br&gt;" + "Youll Get 10 Questions To Answer &lt;/br&gt; " + "Here Is the First One:&lt;/p&gt;"); var allQuestions = { outquestions:{ question1 : { quest: "What number was Michel Jorden?", choices: ["22","32","23","5"], correctAnswer: "23"}, question2 : { quest: "what contries are with the border of israel?", choices: ["eygpt,iraq syria and lebanon","jordan iraq iran and lebanon","eygpt,iraq kuwiet and lebanon","eygpt lebanon jordan and syria"], correctAnswer: "eygpt lebanon jordan and syria"}, question3 : { quest: "who was the lead singer of queen?", choices: ["jhon lenon","freddie mercury","neil young","bob dylan"], correctAnswer: "freddie mercury"}, question4 : { quest: "the island australia once was belong to?", choices: ["UK","US","germany","UA"], correctAnswer: "UK"}, question5 : { quest: "What is the number of states in USA?", choices: ["25","60","50","54"], correctAnswer: "50"}, question6 : { quest: "who was the first prime minister of israel?", choices: ["David ben gurion","hertzel","rabin","beegin"], correctAnswer: "david ben gurion"}, question7 : { quest: "when was the ym kipur war?", choices: ["79","73","71","69"], correctAnswer: "73"}, question8 : { quest: "when was the yaer of the anoncment israel?", choices: ["45","50","44","48"], correctAnswer: "48"}, question9 : { quest: "Who is the prime minister of israel?", choices: ["bibi","lapid","sheli","liberman"], correctAnswer: "bibi"}, question10 : { quest: "What is the first name of jobs from apple company?", choices: ["steve","bob","jhon","dude"], correctAnswer: "steve"} }, correctAnswers: 0 }; var outquestions = allQuestions["outquestions"]; for (var question in outquestions) { $("#contain").append("&lt;p&gt;" + outquestions[question]['quest'] + "&lt;/p&gt;"); for (var choice in outquestions[question]["choices"]) { $("#contain").append("&lt;p&gt;&lt;input type='radio' name=question value=choice&gt;" +outquestions[question]["choices"][choice] + "&lt;/p&gt;"); } } $("#contain").append("&lt;form&gt;&lt;input type='button' id='test' value='test' name='SbBt'/&gt;&lt;/form&gt;"); $("#test").click(function(){ var storeq = $("input[name=question]").val(function(){ $(this).append("&lt;div class='vi'&gt;&lt;/div&gt;&lt;div class='vi2'&gt;&lt;/div&gt;"); }); }); }); } }); }); </code></pre> <p>I have two problems to fix.</p> <p>First of all, when I'm appending my inputs, I'm trying to select one radio button for each question. However I can select only one radio button for all of the questions.</p> <p>The second thing is that I want to get the value of the selected radio buttons and check if it matches the <code>correctAnswer</code>. If it is, I want to append to that radio button a sign like a <code>V</code> so the client will know that he answered correctly.</p> <p>here is my full code: <a href="http://jsfiddle.net/QPpMT/" rel="nofollow">http://jsfiddle.net/QPpMT/</a></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCharles
    1. USBoaz Hoch
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POSeperate radio inputs, appending a div to the correct ones
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POSeperate radio inputs, appending a div to the correct ones
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload