Html Form Number Type Unique User Input February 10, 2024 Post a Comment I am using the code below to ask users to rank (prioritize) which sweets they like the best. The users need to rank from 1-3 (1 being the best) Solution 1: <scripttype="text/javascript">functionitem() { cake = Number(document.getElementById('cake').value); twizlers = Number(document.getElementById('twizlers').value); taffy = Number(document.getElementById('taffy').value); if (cake == twizlers) { alert("Some alert cake or twizlers"); returnfalse; } elseif (twizlers == taffy) { alert("Some alert taffy or twizlers"); returnfalse; } elseif (taffy == cake) { alert("Some alert taffy or cake"); returnfalse; } else { returntrue; } } </script>CopyThis will work, otherwise you can use radio button.Solution 2: You can go with a JS check that the user only rank 1 item with a single value and cant rank that item again. You can use JS to do this.Insert an ID for your input field and then document.getElementById("your_id").disabled = false; document.getElementById("your_id").disabled = false; document.getElementById("your_id").disabled = false; var var1 = document.getElementById("your_id"); var1.onchange = function () { if (this.disabled == true) { document.getElementById("your_id").disabled = true; } } CopyThus check this for three items.Baca JugaDisable Track On Html5 Range InputHandle Multiple Inputs Of A Form In PhpTrying To Get Total Amount Based On User Input Share You may like these postsHaving Separate Php Functions For Individual Option Values HtmlFinding The Login Form Based On ContentHow To Distinguish Between Two Multiple Selection Lists With Same NameHow Can I Use D3 (or Just Javascript) To Set A Form Option As Being "selected" Post a Comment for "Html Form Number Type Unique User Input"
Post a Comment for "Html Form Number Type Unique User Input"