Simple Method To Toggle Textbox Yes - No Using CheckBox

Dec 12, 2010

Looking for a simple method to Toggle textbox yes/no using CheckBox

This example does not work!

What I am trying to do:

View 2 Replies


ADVERTISEMENT

JQuery :: Toggle Visibility Of Textbox Based On Status Of Checkbox

Dec 8, 2010

This is using jquery by the way. I have a list of ethnicity on a form for a person to enter that are checkboxes. One option is 'Other, specify'. When 'other specify' is checked, I would like a text box to pop up and disable the other boxes (if you pick other, you can't pick from the previous ethnicities). If 'other, specify' is unchecked, I would like for the text box to disappear and re-enable the checkboxes. I had the appearing box working just using JS. I can't seem to get the syntax right to use the toggle feature of jquery to make the box disappear when unclicked.

JQUERY
<script type="text/javascript">
$(function(){
$('#other').click(function(){
$('#otherrace').toggle(
function(event) {
$(event.target).css('visible');
},
function(event) {
$(event.target).css('hidden');
});});
</script>

HTML
<input type="checkbox" name="race" value="asian" />Asian<br />
<input type="checkbox" name="race" value="hawaii" />Native Hawaiian or other Pacific Islander<br />
<input type="checkbox" name="race" value="noanswer" />Choose not to answer<br />
<input type="checkbox" name="race" id="other"value="other" />Other, specify<br />
<div style="visibility:hidden" id="race"><input type="text" name="fname" size="25" maxlength="25" id="otherrace" /></div>

View 3 Replies View Related

JQuery :: Simple Toggle With Hiding Others?

Mar 15, 2011

I have some toggling set up, but I'd like to make it so when you toggle one, it resets all the others.

This is what I've been trying:

$(".note").click(function () {
$(".note_active").removeClass(".note_active");
$(this).toggleClass("note_active");
});

That doesn't work. However, when I change removeClass() to hide(), it hides the correct things (i.e things that are "active")

View 2 Replies View Related

Using Zeldmans TOGGLE Method

Feb 17, 2004

I am using Zeldmans mentioned toggle method from his book for a sub menu I have. It works great, except if the page gets refreshed, like if I click one of my sub menu items, the next page it automatically closes. I know this is because of using style="display: none; but is there a way I can get my sub menu to stay open.

View 2 Replies View Related

JQuery :: Simple Toggle Script Won't Work?

Jun 10, 2011

I need a button that will switch on a div and the toggle between this div (link) and other one. I used jquery-latest.js:

<div id="button1"><button>Choice</button></div>
<div class="gal"><a href="1.html">1</a></div>
<div class="gal" style="display: none"><a href="2.html">2</a></div>

[code]....

View 4 Replies View Related

JQuery :: Simple Toggle Button Play - Pause

Nov 26, 2009

I can't get my toggle button to work.

Below is my jQuery code.

I have 2 css clasess 1st is play with a referenace to jpg play and the 2nd one has reference to pause.jpg.

All i want is simply to toggle between the two.

html:

css:

jQuery:

View 5 Replies View Related

JQuery :: Simple Ajax Post Method Not Working?

Sep 11, 2010

I'm pretty new to jQuery so try and go easy. Trying to do a simple AJAX POST using the jQuery post method and it doesn't seem to be working.

Heres my code:
$.post("sub-account-ajax.php", { email_address: "test@test.com" },
function(data){
alert("Data Loaded: " + data);
});

Heres the code for sub-account-ajax.php:
<?php
if (isset($_POST['email_address'])){
echo 'youre set';
}else{
echo 'nothing set';
}?>

When this code is executed I do not get any alerts or any error messages whatsoever. I've been pretty good with figuring things out so far with jQuery, but this is the first I'm stumped with.

View 2 Replies View Related

Simple Animation - SetTimeout Function And Paint Method

Dec 24, 2009

I'm trying to graph line with a delay between each line drawn - my code is:
var jg = new jsGraphics('Canvas');
jg.setColor('maroon');
jg.drawLine(40,130,80,120);
setTimeout('jg.paint()',10000);
jg.drawLine(80,120,120,110);
setTimeout('jg.paint()',10000);
Unfortunately it draws all the lines at the same time i.e the setTimeout function doesn't like the paint method.

View 1 Replies View Related

Checkbox Toggle To Turn Off Element?

Jul 12, 2011

Im creating a portfolio site for myself that my have gotten a little too ambitious but I'd still like to make this work.

My main site loads a video demo reel using the new <video> tag and to make it look cooler has an "ambilight" television effect around it. For usability and for users that find it annoying or distracting I want a toggle to turn the effect off.

I have my checkbox created as well as all the effects working for it.

Here is a piece of the main code as well as a link to the ambilight.js file

<label name="ambilightToggle">
<input type="checkbox" name="toggle"/>
<div class="toggle-switch">
<div class="handle"></div>

[Code]....

If the click function works I should be able to have it check the checkboxes state and have it persist.

View 1 Replies View Related

JQuery :: Simple Method For Loading A New Movie In [jme] Video Player

Sep 28, 2010

I am having a little trouble with the "src" attribute method.

I am trying to use a click event to play a specific movie using the following:

A link to an example (the link is at the bottom):[url]

View 1 Replies View Related

JQuery :: Multiple Checkbox Toggle Respective DIV

Mar 9, 2010

I have some jQuery code to add and remove a class to toggle an image. It works for one but now I want it to work if I add other checkboxes. Currently all the checkboxes change the 1st div. I would like to make it toggle it's respective div.

<html>
<head>
<title>jquery to Show/Hide a Div</title>
<script type="text/javascript" src="[URL]"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").removeAttr("checked");
$("input").click(function(){ .....

View 1 Replies View Related

JQuery :: Multiple Checkbox Toggle Class?

Mar 9, 2010

I have some jQuery code to add and remove a class to toggle an image. It works for one but now I want it to work if I add other checkboxes. Currently all the checkboxes change the 1st div. I would like to make it toggle it's respective div.

<html>
<head>
<title>jquery to Show/Hide a Div</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

[Code].....

View 2 Replies View Related

Multiple Checkbox Filter - DIVs Will Toggle

Oct 29, 2010

I am trying to make a multiple checkbox filter. It works by selecting/unselecting checkboxes the divs with classes revered to the checkboxes will activate deactivate.

This is the javascript I founded on the net:
Code:
<script type="text/javascript">
$(document).ready(function(){
$("#events li."+$("input.type_check").attr('id')).addClass('type_hidden');
$("#events li."+$("input.type_check").attr('id')).slideUp();
$("#events li."+$("input.start_check").attr('id')).addClass('type_hidden');
$("#events li."+$("input.start_check").attr('id')).slideUp();
$("#events li."+$("input.place_check").attr('id')).addClass('type_hidden');
$("#events li."+$("input.place_check").attr('id')).slideUp(); .....
To see it working online look here: [URl]

There two problems. I want to replace the sliding effect. I want to make a table with the divs in it. And when a div is deactivated the text or image shows grey and the link is disabled and when activated the text/image shows black/color and the link is enabled. So when you uncheck/check the boxes the divs will toggle between the two styles clickable and unclickable. I also want to make a second checkbox/radio row with different css styles to choose from. When a style is selected and you click on a link in div it will send you to the page with the selected style.

View 6 Replies View Related

JQuery :: Toggle Textbox View On Hyperlink Click In Asp.net?

Oct 16, 2011

showing/hiding a textbox when i click on a hyperlink inside a listview, i have this code but it only works for the first result.

jQuery code:
<script
type
=
"text/javascript"

[Code].....

View 1 Replies View Related

JQuery :: Toggle Checkbox When Parent Element Is Clicked

Aug 6, 2010

I have an <input type="checkbox"> whose immediate parent is an <a> tag. The <a> is significantly larger than the <input>.

I want the checkbox to toggle on/offwhether the <a> is clicked or the checkbox itself. I also wantto store the value of the checkbox after it changes.

This sounds simple butI'm having trouble with the event bubbling (as in, I don't understand it).

Here is my current code.

HTML:

View 4 Replies View Related

JQuery :: Setup A Single Checkbox To Toggle / Untoggle Other Check Boxes?

Aug 3, 2011

Have a dialog box (containing two divs):

(1) A <div> tag which contains an individual checkbox labeled as Select All.

(2) A <div> containing a reference to a bunch of check boxes (containing e-mail addresses).

JavaScript code:

How to remove any possible check boxes that are checked and remove them from text field

What happens is that when I click on the Select All check box, it populates my To: text field with all the e-mail addresses.

However, the checkboxes belonging inside emailCheckListId_ul are checked.

How can I set it up so that if I click on Select All, all the checkboxes are populated and when I uncheck on Select All, all the checks are removed from the check boxes and the e-mail addresses are removed from the To: text field?

View 3 Replies View Related

Checkbox Value Appended To Textbox?

Nov 21, 2007

I am trying to print all the selected checkbox values to a textbox separated by commas (, ). However, the first value in the textbox always starts with a comma (, ) i.e. (, one, two, three) etc. My current script trys to check if the first 2 characters (substring) are ", " (comma then space) then attempts to remove them. However this hasn't worked and I have no idea what to try next.

<head>
<script type="text/javascript">
function list(c,n,z) {

[code]....

View 5 Replies View Related

Pass Checkbox Status To Jave Method As Parameter

Feb 23, 2009

I've one checkbox,I need to capture the status of this checkbox(i.e checked is "true" and unchecked is "false") to the java method as parameter.

I've check box like this

Code:

Javascript to get the status of check box like this..

Code:

I need to pass the return value of the javascript to the java method in command link action like thiss.

Code:

View 2 Replies View Related

Dynamically Total Textbox And Checkbox

Mar 1, 2007

I'm trying to calculate the total on an php page. I'm able to get the
checkbox portion to work properly but I'm having trouble with the
textbox "txtshipping". The default is 7.95 but if changes I need to
change the total.

How can I make the totalbox the default of the textbox of
"txtshipping"? Code:

View 1 Replies View Related

Add Values In Textbox If Checkbox Clicked?

Oct 30, 2009

I have four checkboxes and one textbox. If I checked 3 checkboxes the value 3 will be shown in textbox.

View 1 Replies View Related

Textbox Ith Checkbox Validation On Submit?

Sep 18, 2011

I have a simple html form with 2 text fields and submit button 1 user name pwd/tokenand 1 checkbox 'First time user'if 'first time user' is selected then the 'Submit' button to be enabled only if the customer puts exactly 6 digits on pwd/token. if it's unchecked then the submit button to be enabled only if the customer enters 10 digits(pin_token code)

View 6 Replies View Related

Disabling A Textbox When Checkbox Is Ticked?

Oct 17, 2011

I have a checkbox on a page which I have styled using some jquery code. I want the textbox underneath the checkbox to be disabled if the checkbox is ticked and enabled if it is unticked. I tried using javascript to do this but I beleive it didn't work because I have existing javascript/ jquery code on the page.

View 1 Replies View Related

Enable Textbox By Onclick Checkbox?

Sep 30, 2009

I want to enable text boxes if click on checkbox. Here problem that text field and checkboxes in a array. my code is given belowI'm getting checkbox values from database

<input type=check box name=checkbox[] value="1" /><input type="text" name=textfield[]>
<input type=check box name=checkbox[] value="2" /><input type="text" name=textfield[]>

I want keep disable all text fields on body onload and if i click checkbox particular textbox need to enable.

View 1 Replies View Related

CheckBox - Sum Values To Textbox When Checked

Apr 30, 2010

The problem I have is that the value="" needs to be the ID number of the recordset but still be able to SUM the dollar value on the TEXT box (totalcost) when someone click on each CHECKBOX. The CHECKBOX values will be coming out of a database using PHP. How do I modify the Javascript to accomplish what I'm looking for.

Code:
<script type="text/javascript">
function UpdateCost() {
var sum = 0;
var gn, elem;
for (i=0; i<5; i++) {
gn = 'game'+i;
elem = document.getElementById(gn);
if (elem.checked == true) { sum += Number(elem.value); }
}document.getElementById('totalcost').value = sum.toFixed(2);
}
</script>
<form action="<?php echo $editFormAction; ?>" method="POST" name="form1" id="form1">
<input type="checkbox" id='game0' value="9.99" onclick="UpdateCost()">Game 1 ( 9.99)<br>
<input type="checkbox" id='game1' value="19.99" onclick="UpdateCost()">Game 2 (19.99)<br>
<input type="checkbox" id='game2' value="27.50" onclick="UpdateCost()">Game 3 (27.50)<br>
<input type="checkbox" id='game3' value="45.65" onclick="UpdateCost()">Game 4 (45.65)<br>
<input type="checkbox" id='game4' value="87.20" onclick="UpdateCost()">Game 5 (87.20)<br>
<input type="text" id="totalcost" value="">
</form>

View 14 Replies View Related

Validate Textbox After Checkbox Clicked

Oct 31, 2011

I very new to JavaScript and I need to validate a text field after a checkbox has been clicked. This is part of a larger form validation. I am looking for the simplest and easy solution to this issue. I have seen a couple of other examples that are far too complicated for the my needs. The form is asking a user to identify a referral source. If the referral source is a website, it wants the user to provide a URL. To clarify, all it needs to do is verify that if the website checkbox is clicked then there is text in the corresponding textbox. Here's what i'am been trying to make work

[Code]...

View 5 Replies View Related

JQuery :: Disabling A Textbox If Checkbox Is Ticked?

Oct 17, 2011

I have a checkbox on a page which I have styled using some jquery code. I want the textbox underneath the checkbox to be disabled if the checkbox is ticked and enabled if it is unticked. I tried using regular javascript to do this but I beleive it didn't work because I have existing javascript/ jquery code on the page...here is a link to the page :[URL]...

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved