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 JugaWhat Is The Correct Way To Open A Form Submit In A New Window Now Target Is DeprecatedJavascript - Get The Filename And Extension From Input Type=fileHow To Save Html5 Geolocation Data To Python Django Admin? Share You may like these postsHow To Disable "window.onbeforeunload" When Submit Form?Html Form With Side By Side Input FieldsPhp Form Uploading Multiple Image FilesSmtp Contact Form Blank Screen On Submit Post a Comment for "Html Form Number Type Unique User Input"
Post a Comment for "Html Form Number Type Unique User Input"