Search jQuery

jQuery Forum

[jQuery] Enable Submit button

in Using jQuery • 11 years ago

Hi All ,
This is my form ,When user click the <b>YES and checked the check </b>box then only i want to enable the Prepay by Card button ,
For this situation , what is the jquery snippet ,
i have tried somthing like
$("#SubmitCard").attr("disabled", "disabled");
But the thing is , i want to put the AND CONDITION match , For this situation , i dont know how to write the jquery snippet
<table style="border: 0px solid rgb(0, 0, 0); width: 485px; height: 45px;"><tbody><tr style="width: 20px; height: 5px;"><td width="78">Pay by Card </td>
<td width="78"><b><span style="cursor: pointer;" id="yes">Yes</span></b></td>
<td style="cursor: pointer;" width="315"><span id="no" style="cursor: pointer;">No</span></td>
</tr>
<tr style="height: 40px;">
<td colspan="3" onclick="alert('yes')">
<table id="yesFORM" style="">
<tbody><tr>
<td>Address1</td>
<td><input id="txtADD1" name="txtADD1" type="text"></td>
<td>Address2</td>
<td><input id="txtADD2" name="txtADD2" type="text"></td>
</tr>
<tr>
<td>City</td>
<td><input id="txtCITY" name="txtCITY" type="text"></td>
<td>Country</td>
<td><input id="txtCOUNTRY" name="txtCOUNTRY" type="text"></td>
</tr>
</tbody></table> </td>
</tr>
</tbody></table>

<fieldset>
<table width="100%">
<tbody>
<tr>
<td colspan="2" align="center"><input name="cbox" id="cbox" value="TermsAndConds" onclick="Disab();" type="checkbox">
Please check the box to accept <a href="http://www.ukatn.com/affiliates/terms.php?aid=" target="_blank">terms & conditions</a>. </td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td align="center"><b>
<h2><font color="#ca0002">Pay Later</font></h2>
</b></td>
<td align="center"><b>
<h2><font color="#ca0002">Buy It Now</font></h2>
</b></td>
</tr>
<tr>
<td align="center"><table>
<tbody>
<tr>
<td><font color="#ca0002">£</font></td>
<td><b>
<h2><font color="#ca0002">
<div id="BJCashP"><b><font>126.00</font></b></div>
</font></h2>
</b></td>
</tr>
</tbody>
</table></td>
<td align="center"><table>
<tbody>
<tr>
<td><font color="#ca0002">£</font></td>
<td><b>
<h2><font color="#ca0002">
<div id="BJCardP"><b><font>121.00</font></b></div>
</font></h2>
</b></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td align="center"><input disabled name="SubmitCash" id="SubmitCash" onclick="chkCash();" value="Pay By Cash" type="submit"></td>
<td align="center"><input name="SubmitCard" id="SubmitCard" onclick="chkCard();" value="Prepay By Card" disabled type="submit"></td>
</tr>
</tbody>
</table>
</fieldset>
<input name="aid" value="" type="hidden">
<input name="Brand" id="Brand" value="ATN" type="hidden">
<input name="Category" id="Category" value="Website" type="hidden">
<input name="UserName" id="UserName" value="ATN" type="hidden">
<input name="Referer" id="Referer" value="" type="hidden">
<input name="JourneyDate" id="JourneyDate" value="18-06-2009" type="hidden">
<input name="JourneyDay" id="JourneyDay" value="Thursday" type="hidden">
<input name="JourneyTime" id="JourneyTime" value="13:20" type="hidden">
<input name="WeekNo" id="WeekNo" value="25" type="hidden">
<input name="SC1" id="SC1" value="" type="hidden">
<input name="Pickup" id="Pickup" value="Airport" type="hidden">
<input name="Dest" id="Dest" value="Seaport" type="hidden">
<input name="PPC" id="PPC" value="STN" type="hidden">
<input name="PPN" id="PPN" value="London Stansted Airport" type="hidden">
<input name="DPC" id="DPC" value="FOLK" type="hidden">
<input name="DPN" id="DPN" value="FOLKESTONE" type="hidden">
<input name="Journey" id="Journey" value="STN-FOLK" type="hidden">
<input name="RtJourney" id="RtJourney" value="FOLK-STN" type="hidden">
<input name="NOCS" id="NOCS" value="0" type="hidden">
<input name="NOD" id="NOD" value="0" type="hidden">
<input name="NOP" id="NOP" value="1" type="hidden">
<input name="NOCL" id="NOCL" value="0" type="hidden">
<input name="NOHL" id="NOHL" value="0" type="hidden">
<input name="NOV" id="NOV" value="0" type="hidden">
<input name="PX" id="PX" value="553474" type="hidden">
<input name="PY" id="PY" value="222556" type="hidden">
<input name="DX" id="DX" value="621906" type="hidden">
<input name="DY" id="DY" value="136928" type="hidden">
<input name="JTMin" id="JTMin" value="120" type="hidden">
<input name="JTMax" id="JTMax" value="150" type="hidden">
<input value="126.00" name="FJTCashPrice" id="FJTCashPrice" type="hidden">
<input value="121.00" name="FJTCardPrice" id="FJTCardPrice" type="hidden">
<input value="111.00" name="DriverPrice" id="DriverPrice" type="hidden">
<input value="5.00" name="PickupCharges" id="PickupCharges" type="hidden">
<input value="0.00" name="Extras" id="Extras" type="hidden">
<input value="126.00" name="ATNPrice" id="ATNPrice" type="hidden">
<input value="Saloon" name="Vehicle" id="Vehicle" type="hidden">
<input name="JourneyType" id="JourneyType" value="Single" type="hidden">
<input name="ReturnJourneyDate" id="ReturnJourneyDate" value="" type="hidden">
<input name="ReturnJourneyDay" id="ReturnJourneyDay" value="" type="hidden">
<input name="ReturnJourneyTime" id="ReturnJourneyTime" value="" type="hidden">
<input name="RtWeekNo" id="RtWeekNo" value="" type="hidden">
<input name="SC2" id="SC2" value="" type="hidden">
<input name="SJTCashPrice" id="SJTCashPrice" type="hidden">
<input name="SJTCardPrice" id="SJTCardPrice" type="hidden">
<input name="RtDriverPrice" id="RtDriverPrice" type="hidden">
<input name="RtPickupCharges" id="RtPickupCharges" type="hidden">
<input name="RtExtras" id="RtExtras" type="hidden">
<input name="RtATNPrice" id="RtATNPrice" type="hidden">

<div class="footer">

</div>

Replies(5)

bharaniku..

Re: [jQuery] Enable Submit button

11 years ago

hi all , <div>
</div><div>am waiting for the good reply for my thread, </div><div>
</div><div>This is one of very urgent snippet , </div><div>
</div><div>Thanks

veechand

Re: [jQuery] Enable Submit button

11 years ago

$("#SubmitCard").removeAttr('disabled')
this you can write to the event listener of both checkbox and the
button. Check for satisfying conditions in both.
HTH
Veera
You can write an event listener to both checkbox and the YES button

kenshin52..

Re: [jQuery] Enable Submit button

11 years ago

<div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div>maybe try something like this</div></blockquote><div>
</div><div>$("#yesBut, #condBut").click(function(){</div>
<div> if($("#yesBut").is(":checked") && $("condBut").is(":checked")) {</div><div> <span class="Apple-style-span" style="border-collapse: collapse; ">$("#SubmitCard").removeAttr("disabled");</span></div>
<div> }</div><div> else {</div><div><span class="Apple-style-span" style="border-collapse: collapse; "> $("#SubmitCard").attr("disabled", "disabled");</span></div><div> }</div><div>})</div>
<div>
</div><div>i am not too sure of my syntax and stuff, but hopefully you get the idea</div><div>
</div><div>and hopefully someone come up with a better solution than mine</div></div>

bharaniku..

Re: [jQuery] Enable Submit button

11 years ago

Assume if we give condition like this ,<b style="color: rgb(255, 0, 0);">$("#yesBut, #condBut").click(function(){});</b>
Then it assumes like when ever two elements are clicked at same time know ,
So i this one is Error on ,
Even i tried but am not get anything ,
You tried this snippet

charlietfl

Re: [jQuery] Enable Submit button

11 years ago

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000066">
this does not mean click both at same time, it is standard method of
applying function to more than one selector and applies to *any*
selector individually
look at examples
<a class="moz-txt-link-freetext" href="http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN">http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN</a>
bharani kumar wrote:
<blockquote
id="mid_2240033d0906150201t7300fb9ah7bdc9db81ea8c843_mail_gmail_com"
cite="mid:2240033d0906150201t7300fb9ah7bdc9db81ea8c843@mail.gmail.com"
type="cite">Assume if we give condition like this ,<b
style="color: rgb(255, 0, 0);">$("#yesBut,
#condBut").click(function(){});</b>

Then it assumes like when ever two elements are clicked at same time
know ,

So i this one is Error on ,

Even i tried but am not get anything ,

You tried this snippet

Top Reply

Response title

Attachments

jQuery Forum

[jQuery] Enable Submit button

Replies(5)

Re: [jQuery] Enable Submit button

Re: [jQuery] Enable Submit button

Re: [jQuery] Enable Submit button

Re: [jQuery] Enable Submit button

Re: [jQuery] Enable Submit button

Statistics

Tags

Actions

Related Posts