Disable All The Other Checkbox Based On The Selection Of First Check Box
Dec 11, 2007disable all the other checkbox based on the selection of first check box
View 3 Repliesdisable all the other checkbox based on the selection of first check box
View 3 RepliesI am new to javascript stuff but am looking to develop a form which includes 2 drop down menus but I would like to grey out some options in the second one based on the selection in the first. Basically this is a simplification of what I have:
<select name="orientation" id="orientation">
<option value="OR1">South</option>
<option value="OR2">East</option>
<option value="OR3">North</option>
<option value="OR4">West</option>
</select>
<select name="location" id="location">
<option value="L1">Front Left</option>
<option value="L2">Front Right</option>
<option value="L3">Rear Left</option>
<option value="L4">Rear Right</option>
</select>
What I would like is that if south or east are selected for orientation then I can only select front left or front right but if north or west are selected then only rear left or rear right are available.
I wrote an application that generates HTML based on some database record set. One of the HTML generated is a checkbox with NAME=StudentID. This is to facilitate user to select this user for
further processing. This also means that ALL student have a checkbox named StudentID. I do I ensure that only one checkbox is selected at any time before the user proceed with the processing of the selected student.
I'm wanting to hide certain divs within a container. If the sub div DOESN'T have a checkbox which is selected in it, then it should be hidden when you click the link. eg: if #2 and #5 checbox only where selected then divs(sub_1,sub_3,sub_4) would be hidden when link was clicked.
[Code]...
I have searched and found lots on enabling/disabling form inputs, but nothing that matches my needs.
I have a form with a dropdown with values 0-4. If value 0 is selected I want the checkboxes to be disabled. If value 1-4 is selected I want the checkboxes to be enabled.
Code:
<html>
<head><title>Disable with Dropdown Test</title>
<script>
function num_check(sel,cb) {
[Code]....
I've got the following code snippet in a function to set a coockie based on whether or not the user selects a checkbox. Using an alert the cookie text looks fine but when I go to retrieve the values the only one it can find is the value for user. I've a few different things and none of them seem to work. I'm getting the same thing in both IE and Firefox. The only cookie listed is the 'user' with the proper expiration date. Code:
View 1 Replies View RelatedI'm working on a search filter trying to get a form to update itself depending on what options have been checked from a selection of checkboxes. i.e. selecting one checkbox can bring up other checkboxes. It's just posting the form to update_filter.php and putting the updated form into searchNavigation div.
$(document).ready(function(e){
$("input[type='checkbox']").change(function(e){
e.preventDefault();
update_filter();
[Code]....
This works for the first checkbox that is checked, but after that nothing.
Is it something to do with the fact that the form is not the same form that it was before the checkbox was checked if that makes sense? or shouldn't that make any difference?
I have a simple form - I want to disable the text field if Choice 2 from the dropdown menu is selected. I have this working with the code below, but for some reason if I go back and select choice 1 after selecting choice 2 the text field remains disabled. I only want it to be disabled if choice 2 is selected.
View 5 Replies View RelatedCode JavaScript:
<script language=javascript>
function apply()
{
document.frm.sub.disabled=true;
[Code].....
Im using the above code. if, change this code for array of checks box not working. If i change above html code like below , Then how to change javascript?
Code HTML4Strict:
<form name="frm">
<input type="checkbox" name="chk[]" onclick="apply()" />
<input type="checkbox" name="chk[]" onclick="apply()" />
[Code]....
I have an array of list boxes. I need them to become disabled if the first one is checked (with an id of disabler_0), and I need them to be enabled if that box is unchecked. Right now it doesn't work.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script>
[Code]....
I am creating a form in which a checkbox is checked based on the info from previous page.The info I am passing is the client ID (which is a number I can pass in the URL variable)In the form I have a list of clients (with checkboxes next to them)Now if you come from a specific client page the checkbox with the client name should be already checked since you are getting info regarding that client, with the option of selecting other clients.So any idea on how I can accomplish this using Javascript?
View 1 Replies View Relatedsomeone here might know what I'm doing wrong. I have a list of checkboxes, in multiple rows with each along the lines of:
[Code]...
Im using a jQuery script to show/hide a div based based on the selection made via a dropdown.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
The problem im having is that the value used in the dropdown lists are price values eg 10.00
Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.
I have two dropdown lists with the second one being dependent on the selection in the first.
Options in list 1: 1,3 or 4
List two should be enabled when 3 or 4 is selected in list 1.
So far so good, managed to get it to work with only one set of lists, but I actually have 18 of those sets in this form:
<select name="fw[$i]" id="fw[$i]">
<option value="1">FWH</option>
<option value="3">links</option>
<option value="4">rechts</option>
[Code]....
I'm not that adept in javascript programming, more like a trial and error guy, how has hit the wall with this problem.
So here's what i want to do:
i have 2 checkboxes,
when Checkbox A is checked, i want to automatically check the checkbox B. When A is unchecked, then uncheck B.how can i do that?
I'm writing some cross-broswer drag'n'drop functionality. When I drag a div, text is selected in Opera. How can I disable text selection in Opera for the entire document or at least for some <div>?
View 6 Replies View RelatedI have 3 checkboxes but the user should select just one. How to block multiple checkbox selection ?
View 1 Replies View Related<input type="checkbox" id="priority" /><span class="presult">0 USD</span>
I want when checkbox is checked, the span will have 500 USD. When checkbox is unchecked the span will return 0.This is what I've got, have no idea why not work.
Code JavaScript:
if ($('#priority').is(':checked')) {
$('.presult').text('500 USD');
[code]......
i have a page with a table, and when the user doubleclicks a row in
it, a window is opened. The problem is, if he doubleclicked a text in
the row, it's becoming selected.
what i want is to disable the selection upon doubleclicking, but no
the selection at all (so that the user can still just use the mouse to
select some text in the table).
is there a javascript command that can disable the selection currently
highlighted?
I'm trying to disable the text selection and print-key functions on a couple page of my web site using the code below:
View 4 Replies View Related'trying' to write a checkbox type calculator. How can I do something along the lines of,If 5 checkboxes are checked, apply a 2% discount to the total.I am by no means an expert in javascript. I found a bit of jQuery
Code:
$(document).ready(function() {
var total = 0;
[code].....
I've created a dynamic table with a checkbox.I'd like to be able to return the value of the cell in the right column of the checkbox that has been ticked, and then disply the values when the approve button is clicked.Looks something like this:
<table border="1">
<tr>
<td><b>Approve</b></td>
[code]....
html pushed to the page:
Code:
<span class="AuthorizationGroup"><input id="ctl00_ContentPlaceHolder1_hsLkup_chkAuthApproved" type="checkbox" name="ctl00$ContentPlaceHolder1$hsLkup$chkAuthApproved" /></span> Approved
[Code]....
I have the page which is listed the filenames and checkbox next to these filename, the copy button on top of this page.
selections I would like to disable the copy button to prevent the user from making copy. The copy button is only enable if the user selects one file and only one. Can I use the JQuery to do so.
I'm trying to get the following code to work. It's fine if there are only 2 sets, but once you add a 3rd or 4th it breaks. making a choice of either regular non-member or student member & then changing to another choice fails to disable the last button and also fails to clear selections.note that it is not a requirement that i use radio buttons for the disabled/enabled choices; they could be checkboxes instead.
Code:
<script language="JavaScript">
function Disab (val) {
if(val=="0")
[code]....
Is there a way to display text from selecting checkboxes such that different combinations have different texts?
View 2 Replies View Related