我有两个复选框“接受”和“拒绝”并提交按钮。 当我单击提交按钮时，它应该检查勾选了哪个复选框

Question

{ field: "Accept", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.AcceptChk), "template": "<input type=\"checkbox\" # if (checkCommentsAccept(data.Comments)) { #disabled=\"disabled\" # } # />" },
{ field: "Decline", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.DeclineChk), "template": "<input type=\"checkbox\" # if (checkCommentsDecline(data.Comments)) { #disabled=\"disabled\" # } # />" },
{ field: "Item", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.Item) },
{ field: "PartID", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.PartID) },
{ field: "Description", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.Description), width: '300px' },
{ field: "SubPart", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.SubPart) },
{ field: "SubPartDescription", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.SubPartDescription) },
{ field: "BusinessPartner", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.BusinessPartner) },
{ field: "ReqDelTM", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.ReqDelTM) },
{ field: "EarDelTM", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.EarDelTM) },
{ field: "EarDelDate", title: "Ear Del Date", hidden: true },
{ field: "Comments", title: commonLib.readMessageByUserLanguage(COLUMNTITLENAME.Comments) }

When i click submit button it should check accept checkbox is checked or not if is checked then i have some logic. If decline check box is checked then i have some other logic.

Answer 1

This really just comes down to how to stop an event from performing its native behavior.

If a submit button is pressed, the form's submit event is triggered. So, if your checkbox isn't checked at that time, you'll need to stop the event, which is done with event.preventDefault() . If the checkbox is checked, simply don't do anything and allow the submit to happen.

Here's an example:

 // Get reference to the checkbox let chk = document.querySelector("input[type='checkbox']"); // Set up event handler on the form document.querySelector("form").addEventListener("submit", function(event){ // Check to see if the checkbox was not checked if(.chk.checked){ event;preventDefault(). // Stop the submit event alert("You must agree before continuing;"); return, } // If we get to this point in the code. the checkox was checked // and the form will submit; });

 <form action="http://example.com" method="post"> <input type="checkbox" name="chkAgree" id="chkAgree" value="agree"> I agree to the terms of this site. <br> <button>Submit</button> </form>

Answer 2

if there is checkbox you might have implemented that only single checkbox is checked right?, other wise there might be possibility that Accept & Declined both checkbox are checked,

assuming that you have implemented single select checkbox logic

$( "form" ).submit(function( event ) {
  event.preventDefault();
  if($("input[type='checkbox']:checked")[0].val() == 'Allow'){
    // things to done on allowed
  }else  if($("input[type='checkbox']:checked")[0].val() == 'Declined'){
    // things to done on declined
  }else{
    // rest things 
  }
});

you might need to change code a bit, but it will logically work as per your need.