Home/ Questions/Q 8750017
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T12:47:29+00:00

Look at this HTML example: <html> <head> <title>My Page</title> </head> <body> <form name=myform action=http://www.mydomain.com/myformhandler.jsp

  • 0

Look at this HTML example:

<html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.jsp" method="POST">
<div align="center"><br>
<input type="checkbox" name="option1" value="Milk"> Milk<br>
<input type="checkbox" name="option2" value="Butter" checked> Butter<br>
<input type="checkbox" name="option3" value="Cheese"> Cheese<br>
<br>
</div>
</form>
</body>
</html>

And the resulting output from it:

enter image description here

I hope to send the checked checkbox to the servlet, but i also want to get the order user selected these checkbox.

For example,user A do stuff like : select Cheese,select Butter, select Milk->then Cheese,Butter,Milk will be sent to servlet with this order.

If user B do stuff like : select Cheese,select Butter, deselect Butter, select Milk , select Butter->then Cheese,Milk,Butter will be sent to servlet with this order.

Appreciate.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Make a global variable to track the order:

    var selectOrder = 0;

    Bind this function to your onclick event in your inputs:

    function onClickHandler() {
    var senderId = this.id;

    selectOrder = selectOrder + 1;
    document.getElementById(senderId).setAttribute('data-order', selectOrder);
}

    That will set a data-* (custom) attribute on each one with the order they were checked. So, when you submit your form, you can grab all of the checkboxes and get the order with .getAttribute('data-order'); Don’t forget to reset your selectOrder = 0 when you submit so it will reorder them on the next time through.

    • 0