PlanA | PlanA即多资源框架整合，集BaseActivity，BaseFragment，BasePermission，Retrofit2+okhttp3+RxJava2网络请求封装（一行代码实现网络请求）， | Reactive Programming library

myTable1.querySelectorAll("td") will give you list of TD from which you can extract the content:

You can use modals to display your differences between your tables as a popup when they selected. Assign modals' close button as a reset button as well via JS.

modals: https://getbootstrap.com/docs/4.0/components/modal/

Edit:

I couldn't find the line for calling your js file in your code. Can you add this line to the end of your html-body section?
You can add a console.log() line to your js file, so you can see if your js and html files are connected or not on the browser. (via insperctor-console)
Also, I couldn't find the line that you're activating your modal. You should change its class list. fade means it will not display on the browser. You should remove it and add show instead.

Edit-2:

I am not familiar with $ so I am adding the JS which is working. Please try the below things and if there will be a problem, edit your code below and leave me a comment.

in your js file, follow the steps I wrote. You should see an alarm when you click your modal button. You need to fill it up:

Instead of name for the radio inputs for uno, dos, tres, quatro; you should have these set as value.

The name should be set to something like "plan" for all four.

With a radio input selection, you expect only one option in the group to be chosen.

If you're checking for each of the four options to be received when the form is posted, any that are not selected won't be sent to your script and it will throw an error (if you're referencing them as though they are all passed in).

Seems like you just need a VALUES table construct, if I understand what you are saying correctly:

In your case convertStringsToChars will return a cell array. You will have to apply the ismember functio on every cell in the array, e.g. by using cellfun:

You can use regexprep for this:

You have 3 plans. Plan C can't go higher and similarly plan A can't go lower. Plan B can do both operations. Use one interface and put activate and deactivate methods there. You already mentioned that on option A. Use template pattern there to give an opportunity to change their behaviours for your plans. This will be appropriate if you will add another plans later on. This will help you a lot when you add another plans.

If you will have only three plans, then second option is more appropriate. Since you have only 3 plans and only one of them using activate and deactivate together, then you don't need to implement both of the methods, interfaces. This will decrease the dependencies of your code.

Pick the best choice for your case.

Usually I receive json object as a text inside my postgresql procedure. You can also do like this. Inside procedure you will convert json text to json object and parse it. You should also send json object as string into procedure. Inside procedure you should know json array size as well.