JQuery :: Enable And Disable By Select Box?
Sep 9, 2011
I have 2 text boxes I want to control with a select.
I can code this problem myself, but was wondering if there is some better way to do it...
There are 4 values for the select, "", S, R, and B.
When "" is selected I want both boxes to be disabled, When S or R are selected the Stext or Rtext will be enabled respectively When B is selected both will be selected...
So I have the function to handle this in my own custom UI namespace.. Here is the function:
SRB: function() {
if ($("#SRB).val() == "B") {
// enable both boxes
} else if ($("#SRB").val() == "S") {
[Code]....
etc.. i guess you get the picture. Basically the question is, is there a way to do this without statically setting if conditions for each select box condition?
View 1 Replies
ADVERTISEMENT
Jun 26, 2010
disable select until user puts mark in check box. Then enable select.I have two select box's on a page. The first asks what product, the second is based on the first and presents a list of pdf's according to which product the user selected. (yes, multi dimensional)What I have works fine, but now i need to make the user put a check mark in a check box before the First SELECT box becomes enabled/available.So basically, when they agree, they can get the download.Here are my select boxes.
HTML Code:
<form>
<select name="category" style="width:180px"></select>
<select name="site" style="width:180px" onchange="openLink(this.value)"></select>[code]....
(ignore the The 'open' button. It's there in case the default option is what the user wants, so they don't have reselect via the select box.)
1. How do I disable the select boxes by default on page load?
2. How do I detect that the user has put a tick in and the enable the disabled Select box?
View 6 Replies
View Related
Jul 20, 2005
I've this code:
function checkdate(FormSubmit){
alert(document.getElementById('Mois').value);
if(eval(document.getElementById('Mois'))>0 &&
eval(document.getElementById('Annee'))>0){
document.forms['FormSubmit'].getElementByID('SELECTCONSTRUCTOR').disabled
= false; //can't reach the control here
}
else
{
document.forms['FormSubmit'].getElementByID('SELECTCONSTRUCTOR').disabled
= true; //can't reach the control here
}
}
....
<form name="FormSubmit" method="post" action="">
....
<select name="Mois" onChange=checkdate(this.form);>
....
<select name="Annee" onChange=checkdate(this.form);>
....
<select name="SELECTCONSTRUCTOR" disabled>
Now, what I would like, is to enable the SELECTCONSTRUCTOR if month and year
are selected (I mean different to 0).
I can't enable or disable. In fact I can't reach the control in the
checkdate function...
How can I enable/disable SELECTCONSTRUCTOR when my 2 fields are selected?
View 3 Replies
View Related
Jan 18, 2006
I need to be able to uncheck and disable a checkbox based on the option selected in a Select list.
This is what I tried.
==============
<script type="text/javascript">
function GetOptVal(OptVal)
var OptVal;
{
if(OptVal="XX") document.form1.chkbox1.disabled = false;
}
else
{
document.form1.chkbox1.checked = false;
document.form1.chkbox1.disabled = true;
}
</script>
<form name="form1">
<select name="Opt1"
onchange=GetOptVal(document.form1.Opt1[document.form1.Opt1.selectedIndex].value)>
<option value=" ">Select One</option>
<option value="XX">XX</option>
<option value="YY">YY</option>
<option value="ZZ">ZZ</option>
</select>
<input type="checkbox" name="chkbox1" />
</form>
View 2 Replies
View Related
Jan 30, 2011
Firebug returns an error saying msg.elements is undefined. I'm trying to make a function that will enabled a delete button if any of the check boxes in a list are checked.
Code:
function selectone () {
var msg = document.getElementsByName('pm');
var i = 0;
for(i; i < msg.elements.length; i++)
[Code]....
View 2 Replies
View Related
May 30, 2011
Is there any way to enable a form element(s) based on the selection in a <select> drop-down? I'm trying to enable/disable a group of checkboxes depending on which option is chosen in the <select> above it.I know how to enable/disable something when a box is checked (or text is entered into it) but I have no clue how to handle the <select> option.
View 2 Replies
View Related
Dec 3, 2010
I have div with Textbox, label and hyperlink it it. I want to disable /enable the elements in it. I am using this code.
$('#Content_2 :input').attr('disabled', true);
#Content_2 - is a div
But this leaves the hyerperlink and label enabled. How can modify this ?
View 2 Replies
View Related
Jan 24, 2011
I was trying to but failed to do. I have two radio of gender and two input box father name and husband name if sex selected male then fathers name will be enabled and husband name will be disabled and if female selected then fathers name will be disabled and husband name will be enabled.
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female </div>
Father's Name<input type="text" name="fname" />
Husband's Name<input type="text" name="hname" />
View 2 Replies
View Related
Feb 2, 2011
I am trying to do like if country none selected city will be disabled and if usselectedthen city will be enabled.triedby this code but unable to enable city onsection.
View 8 Replies
View Related
Apr 22, 2011
I have an ASP page that has a master page. I have a drop down list and 2 text boxes.The change function is being executed and I get the text value of the selected list items, but the enable and disable are not working.[code]
View 1 Replies
View Related
Apr 10, 2010
I need to be able to disable a link upon clicking an agreement. Here is what I currently have, I am trying to make a custom button for jcryption.[code]...
View 2 Replies
View Related
Jul 1, 2010
I have a table there are checkbox in all rows, then I have a button in disabled.
I hope the button will be enabled if one of checkbox is checked, button should be disabled if no any checkbox is checked, what can I do?
View 1 Replies
View Related
Jun 4, 2009
I want to in a form be bale to enable or disable portions of the formwhen the user clicks ona check box. I have tried two different waysbut neither seems to work...
//the first does not let me even click the check box
$('#regular').toggle(
function() {
[code]....
View 1 Replies
View Related
Jan 19, 2010
What I want to do is: disable the submit button while not all form fields are filled out and eneble it when the form fields are filled out. Disabling works, the enabling doesn't, at least not 'automaticly'. All of the code is in the $(document).ready(function(){}
I have this code:
checkAll();
function checkAll()
{
[Code]....
View 6 Replies
View Related
Apr 22, 2009
Query :1. How to enable & disable jquery Drag effect on click of a button?I am using this :-----> $("#image_to_map").draggable(); to applythe drag effect.
View 1 Replies
View Related
Jan 29, 2011
I have a form with pairs of checkboxes. When one is checked then I want to enable the other checkbox for that pair, and disable when unchecked. I can get this to work when I have a separate function for each pair, but not if I try to use one function and pass the id of the element.[code]
View 2 Replies
View Related
Feb 26, 2011
i've been looking online for a while for a code that would disable 3 text fields.[code] Was unable to find one. was only able to get it to do one of fields. What i'm try to do is have a checkbox to enable and disable a row and produce a value in the totalcalls box.
View 6 Replies
View Related
Jul 23, 2005
I have exactly one external, alternate stylesheet that I want to enable or disable by form controls, on one page only (not saved across pages).
I used:
<link rel="alternate stylesheet" id="style-compact" etc...>
<input name="view" type="radio"
onclick="document.getElementById('style-compact').disabled=false">
<input name="view" type="radio" checked="yes"
onclick="document.getElementById('style-compact').disabled=true">
Is this the best way to do it? I want to reference the alt-stylesheet by
name (or similar), not index.
It works in my Camino & Safari. In IE-Mac, I can enable the stylesheet,
but not (subsequently) disable it again -- parts of the page just
disappear.
View 1 Replies
View Related
Jun 26, 2009
this site,I had a problem with my code. I had two radio buttons when i click the first radio button i want to appear one login form(username,password&submit button) and some fields like texbox, radio buttons.here the login form is only in enable state remaining fields must be in disable state. When i click on second radio button then i want to disappear the login form and the remaining fields must be in enable state.here is my code
<html>
<head>
<script language='javascript'>
[code]....
View 2 Replies
View Related
Oct 19, 2007
I have a check box that is active, but everything below it is disabled. I wrote a script to enable it but the error report keeps saying that my function has no properties. Why is this?
function disable_enable(){
if (document.all || document.getElementById){
if (document.printWhere.qtyPrinter.Quality.qtyOffice.Submit.disabled==true)
document.printWhere.qtyPrinter.Quality.qtyOffice.Submit.disabled=false
else
document.printWhere.qtyPrinter.Quality.qtyOffice.Submit.disabled=true
}
}
View 13 Replies
View Related
Oct 20, 2005
<form name="inputForm">
<body>
<table>
<tr>
<td><input name="inputType" type="radio" value=""></td>
<td>Account Num</td>
<td><input name="txtAccNum" type="text"></td>
</tr>
<tr>
<td><input name="inputType" type="radio" value=""></td>
<td>Service Num</td>
<td><input name="txtSrvNum" type="text"></td>
</tr>
</table>
</form>
i want to disable all the textfield..when user check the radio button(let say the above one), the above textfield (txtAccNum) will be enable..im new to javascript.
View 2 Replies
View Related
Jan 14, 2010
In the following code I just want to disable the textbox if “other Amount is selected”, radio element 7.I have been working at this too long cause I can’t see the problem.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
[code]....
View 8 Replies
View Related
Apr 23, 2009
i have a table having dynamic rows containing diable textbox.!
<?(while($row=mysql_sql_array($result)))
{?>
<tr>
[Code].....
Now i want tht on check disable box becums enable..
View 1 Replies
View Related
Nov 24, 2010
I have form with
Name
Age
Payment Mode (Combo box include payment mode 1, payment mode 2, payment mode 3)
When I select a payment mode-01 enableling 5 combo boxes. If select payment mode 2 disabling that combo boxes. How do I do this thing.
View 3 Replies
View Related
Apr 22, 2011
came across this forum while searching for an example of how to do something in Javascript, and found the post helpful, but didn't quite answer my query completely... It was a very old thread, few years old, though so I thought best not to revive it from the murky depths :)Basically, I very rarely use JavaScript... in fact, I rarely do any programming at all, but I'm trying to build a basic site at the moment, and I'm wanting to disable/enable a text box based on the value of a drop down menu...The idea behind it is that I have a sub title, and in the admin panel, I want to be able to set whether the sub title is picked randomly from a database, or whether it chooses one, and only one...So in the admin panel, I've got a page that has a drop down menu with two options. Static, and Random. Below this, I've got a text box called Static ID... In this text box, the administrator would insert the database row ID for the specific sub title they want...
Obviously this Static ID field only applies if you select a Static sub title, rather than a Random sub title...So what I want to happen is for the text box to be disabled if the drop down menu is selected as Random... and then enabled if the drop down is selected as Static...So I came across the following script on an old post as mentioned earlier:
<script type = "text/javascript">
function enableTextbox() {
if (document.getElementById("dropdown").value == "New") {
[code]....
View 3 Replies
View Related
Nov 22, 2005
I made a small photo application using javascript that displays random pictures like a slideshow. There is text that goes with each picture that is initially hidden but becomes visible when the user clicks on a button. I have the pictures grouped into separate .js files (about 10 per group) and the page selects images at random from all separate files as if they were one. what i need to do is to be able to disable or deactivate certain photo collections by checking/unchecking a box.
for example, if this appears in the html file,
<script TYPE="text/javascript" SRC="slide1.js"></SCRIPT>
<script TYPE="text/javascript" SRC="slide2.js"></SCRIPT>
then there would need to be two checkboxes (preferably at the bottom of the page), one for each .js file. if box 1 is checked then the images selected are drawn only from slide1.js. if box 2 is selected then images are only drawn from slide2.js. if neither are checked then no images are drawn, and if both are checked then images are drawn from both .js files.
View 1 Replies
View Related
