Note that there are some explanatory texts on larger screens.

plurals
  1. POCheckboxes ticked if user selects certain options
    primarykey
    data
    text
    <p>I have a problem. I want my javascript file to find if a user has selected "No" they do not want a shield and if "Arc" is selected then it should tick checkbox1. Same applies for "No" and "Ely" ticks checkbox4. Also "No" and "Spec" ticks checkbox7. But if they pick "No" and "Any" they can choose whatever. How do I go about does this.</p> <p>HTML code:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="myJavascript.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;select id="likeShield" onchange="showTicks(this)"&gt; &lt;option value="select1"&gt;Select&lt;/option&gt; &lt;option value="yesShield"&gt;Yes&lt;/option&gt; &lt;option value="noShield"&gt;No&lt;/option&gt; &lt;/select&gt; &lt;select id="chooseShield"&gt; &lt;option value="select1"&gt;Select&lt;/option&gt; &lt;option value="arc"&gt;Arcane&lt;/option&gt; &lt;option value="ely"&gt;Elysian&lt;/option&gt; &lt;option value="spec"&gt;Spectral&lt;/option&gt; &lt;option value="anylist"&gt;Choose any&lt;/option&gt; &lt;/select&gt; &lt;table border = "1"&gt; &lt;tr&gt; &lt;th&gt; tickbox &lt;/th&gt; &lt;th&gt; shield parts &lt;/th&gt; &lt;th&gt; description &lt;/th&gt; &lt;th&gt; cost &lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb1"&gt;&lt;/td&gt; &lt;td&gt; arc sigil &lt;/td&gt; &lt;td&gt; Large magic part &lt;/td&gt; &lt;td&gt; 5m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb2"&gt;&lt;/td&gt; &lt;td&gt; arc shield &lt;/td&gt; &lt;td&gt; A extremely powerful magic shield &lt;/td&gt; &lt;td&gt; 60m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb3"&gt;&lt;/td&gt; &lt;td&gt; arc special item &lt;/td&gt; &lt;td&gt; special element &lt;/td&gt; &lt;td&gt; 10m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb4"&gt;&lt;/td&gt; &lt;td&gt; elysian sigil &lt;/td&gt; &lt;td&gt; A sigil found by dragons &lt;/td&gt; &lt;td&gt; 50m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb5"&gt;&lt;/td&gt; &lt;td&gt; elysian shield &lt;/td&gt; &lt;td&gt; A extremely powerful ranging shield &lt;/td&gt; &lt;td&gt; 40m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb6"&gt;&lt;/td&gt; &lt;td&gt; elysian special item &lt;/td&gt; &lt;td&gt; A special attack attached to shield &lt;/td&gt; &lt;td&gt; 25m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb7"&gt;&lt;/td&gt; &lt;td&gt; spectral sigil &lt;/td&gt; &lt;td&gt; easily obtainable from goblins &lt;/td&gt; &lt;td&gt; 4m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb8"&gt;&lt;/td&gt; &lt;td&gt; spectral shield &lt;/td&gt; &lt;td&gt; Impressive stats &lt;/td&gt; &lt;td&gt; 15m &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="cb9"&gt;&lt;/td&gt; &lt;td&gt; spectral special item &lt;/td&gt; &lt;td&gt; Does double damage &lt;/td&gt; &lt;td&gt; 30m &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I think its an IF statement but I do not know how to implement it.</p> <p>Could anyone help me solve this?</p> <p>Thanks</p> <p>Pat. </p> <p>EDIT:</p> <p>My javascript if statement:</p> <pre><code>function showTicks(what) { if (what.value == ("noShield") &amp;&amp; ("arc")) { if (what.value == ("noShield") &amp;&amp; ("ely")) { if (what.value == ("noShield") &amp;&amp; ("spec")) { document.getElementById("cb1").checked=true; document.getElementById("cb4").checked=true; document.getElementById("cb7").checked=true; } else document.getElementById("cb7").checked=false; } else document.getElementById("cb4").checked=false; } else document.getElementById("cb1").checked=false; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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.
 

Querying!

 
Guidance

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