Show Form Elements By Selecting Checkbox?
May 11, 2011
Trying to build a dynamic part on my form by using a checkbox and <span>. Found a script that does exactly what i want, but uses a 'radio' in the script instead of a checkbox. And at that spot i need to be able to make multiple selections, so i need checkboxes.. In this specific case it's about geslacht='v' checkbox
My problems are:
1. My span doesn't start off at invisible
2. My function match_personalia_geslacht() works with a onChange, not with a onSelect.
Don't know how to get the same result with a checkbox.. So if someone can help me, i would be a happy man.
[Code]...
View 10 Replies
ADVERTISEMENT
Feb 22, 2011
I'm trying to add the text of a textarea form to the string that's contained at:
myarray[a][b][c]
It was easy to pull out the value of the textarea with this:
textinput = $('#mytextarea').val();
But then when I try to add the variable into the array, it doesn't work. I'm not able (apparently) to do this. Fingers crossed that I'm doing something dumb?
This doesn't work:
myarray[a][b][c] += newstringvariable;
Nor this:
myarray[a][b][c] = myarray[a][b][c] + textinput;
I'm guessing there is a very simple (probably syntax related!) solution to this. I'm open to doing this via jQuery or regular javascript.
View 4 Replies
View Related
Jan 27, 2011
For some reason my script only works when I have at lease two checkboxes. To simulate the problem just run it once with two html input checkbox elements
-> check one checkbox and press submit -> it works
-> Now remove one input checkbox field and check the remaining checkbox & submit -> Bamm doesn't work...
[Code]....
View 2 Replies
View Related
Mar 4, 2010
I'm trying to get the two followup questions underneath the checkbox to show up only if someone places a check there, but for some reason the way I've got it set up now it's simply hiding the area I want to show up altogether, and the checkbox has no effect on it.
Rather than waste tons of space pasting it here, here's the pastebin: [url]
Alternatively here is the live version:[url]
I'd prefer to have the form collapse when the additional questions are hidden, though if i can get this working at all.
View 2 Replies
View Related
Oct 13, 2001
Have form elements between two background layers (z-index set to -1 and 0). But when I show a layer above the form elements (triggered from a menu drop down list of dynamically produced data from a database table) they all appear above the layer (N4) and the select drop down shows above in the layer (IE). I have set the z-index to 2 for the above layer. Even tried placing the form into a layer and setting the z-index to 1!!
View 2 Replies
View Related
Sep 9, 2005
I'm doing a page w/lots of divs that I set to visibile or hidden dynamically using getElementById.. the divs are all forms... sometimes elements in a hidden form show thru on a visible form.. how can I fix this..
View 5 Replies
View Related
Feb 13, 2006
I am setting up a contact form, and want to have a drop down box with a handful of options. Clicking one option should display fields to input username & password, whereas all others will not. So far, I've tried and (replacing 'none with 'block' for the option that is supposed to show the input fields) but neither does what I need it to. I'm fairly new to javascript, just muddling my way through with the aid of tutorials.
View 2 Replies
View Related
Mar 17, 2011
I have a set of radio buttons on my pricing page:
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
View 1 Replies
View Related
May 20, 2009
I have a situation where there is a matrix grid of checkboxes, and individual entire rows or columns must be able to be toggled between checked and unchecked state.
[Code]...
Simple, right? But the columns part, I can't figure out. I put everything in each column in the same class, with the hopes that on click, I'd be able to figure out a way to take the class value of the link - (this).className - and use it to target checkboxes in the same class. But I have no idea how to do this. I haven't been at jquery that long. I'd be incredibly grateful for some help, a starting point, a command that would work....
View 1 Replies
View Related
Jul 1, 2010
I want to display a Popup alert if select all checkbox is selected and number of rows in the grid are more than the number of check boxes selected. This code does that but it does on the second click on the select all check box, not on the first click.correction:
Code:
<script type="text/javascript">
var TotalChkBx;
[code]....
View 4 Replies
View Related
Jul 20, 2005
I have a form that generates a dynamic number of rows from a value
passed in via querystring. I have a one static row in my form with a
"master" checkbox that I have deemed "Select All:". I want to be able
to select all and deselect all the other checkboxes beneath it in the
column by clicking on it. I've gotten it partially working. I can
click the "master" checkbox and it will set the .checked property of
all the others to true. BUT how do I reverse the process and turn them
all off? Here is my funcion: Code:
View 1 Replies
View Related
Apr 6, 2011
I have an html form that has required feilds. The telephone field needs to be required only when a certain checkbox is selected.
View 14 Replies
View Related
Mar 21, 2006
I want to automatically select a specific checkbox when a user clicks
(selects) a specific item in a radiobutton group. Both controls are in
the same form.
Let's say for argument's sake that the form looks like this
(inessential items left out for the sake of clarity):
<form name=form1>
<input type=radio name=Radio1 value=Option1>
<input type=radio name=Radio1 value=Option2>
<input type=checkbox name=Checkbox1>
</form>
I want to write some Javascript to automatically select the "Checkbox1"
checkbox when a user selects "Option1" in the radio button group.
View 3 Replies
View Related
Feb 18, 2011
I have the following code that works fine (except the show/hide animation for the rows is proving to be a pain to get working):
In the table this is for, I have a checkbox in the first cell in the row the user hovers and clicks on to expand the following row. I am trying to make it so that clicking the checkbox doesn't trigger the jQuery toggling action.
Here is a sample row in the table this is for. The complete row below is what the user clicks on, and the row after that (class="docClassesRow") is what is expanded on clicking the above row
I tried adding :not(:first-child) to the selector:
But that didn't work.
View 6 Replies
View Related
Feb 11, 2010
I am trying to easily fix 100+ blog posts where the customer has <pre>tagsto format code.
the issue is in wordpress when you hit enter you are given a new <p> tag, and setting the format to preformatted outputs code like this
<pre>line</pre>
<pre>line</pre>
<pre>line</pre>
[Code].....
View 3 Replies
View Related
Aug 17, 2011
i'm trying to do the following: select the links one after another and add a class to them. When the next one is selected i want to remove the class from the previous.
[Code]...
View 4 Replies
View Related
Aug 4, 2010
Selecting elements using multiple parameters like here: $('descendant', 'ancestor').text(); seems to be way more popular than css-like syntax: $('ancestor descendant').text(); Do those two differ in performance, or is it just about being intuitive to particular people?
View 1 Replies
View Related
Aug 19, 2011
im experiencing a problem when using the :nth-child() selector.
I currently have a div that contains multiple divs. These divs have either the class 'labels' or 'labels-alt', I currently use the following code to change add/remove a class to one of these
function mOver1(n) {
$('.labels:nth-child('+n+')').toggleClass("labels-hover");
}
function mOut1(n) {
[Code]....
View 3 Replies
View Related
Aug 18, 2010
Previously when developing my own modal windows I have been creating a "mask" div directly in my markup, in the CSS setting it to be display:none and then setting it to show() by jQuery when a button is clicked.
I'm sure there is a better way to do this but i'm getting a little stuck.
I tried adding the "mask" div and its content to the body using prepend() when my button is clicked but i found i then can't select any of the added elements in jQuery.
How can you select elements you have added to a page by jQuery?? Also if this is the right approach whats the best way to insert a block of html to a page??
View 2 Replies
View Related
Oct 23, 2010
I'm having trouble using jQuery to find get select box values by element name. At the moment the code is in a for loop and it gets 8 different form values and puts it into an array. Currently this takes 1.5 seconds to execute which is far too slow as the user has to wait for it to finish. Here's the code which is inside the loop:
[Code]...
This when run executes instantly with no time delay. Why is the jQuery way so much slower? I'm all for saving 2 lines of code but not when it's 10x slower. Also I shouldn't need to put an id on the select box element to make finding it faster, the name value is already unique because I require the specific value once the form has been submitted.
View 3 Replies
View Related
Jul 8, 2010
how can i select elements from a HTML string. i have used .get() to load data and i want to search for HTML elements within that data/string
$.get(nextHref, function(data) {
alert(data); // OK
// i tried
alert($(data).find("#posts").html()); // returns null
[Code]....
View 5 Replies
View Related
Sep 17, 2010
Here's some pseudo-code for reference:
$(document).ready(
function() {
... // #1 some code that fetches xml and generates a dom structure... <ol id='bla'><li></li></ol> then .appendTo('#foo');
... // #2 some code that generates another dom structure to be inserted into $('#bla').
}
)
The snippet #1 fetches xml and generates a dom to be appended to $('#foo'). But snippet #2 refuses to work with the id's created by the steps in #1. My guess is it is because #2 ran before #1 finished.
How do I make it so that #2 can reference the id's created by #1? Do I make #1 syncrhonous? Is there a way to make #2 run only after #1 is done? Do I just include onclick to the elements created by #1 -- I was hoping to avoid this because it appears the jQuery collective frowns on this.
View 1 Replies
View Related
Sep 15, 2011
I have a page where I have images that may have visibility 'hidden' or 'visible'.
So how do I ensure I animate (and other 'manipulations') only visible images when mouseover them and not the hidden image?
Must mention I want to do this without any use of css classes or other non-jquery made css.
View 2 Replies
View Related
Aug 12, 2010
I am creating an FAQ type page with rows of questions that will drop down the respective answer when clicked. I have it mostly working, except I can't find a way to close all answers before opening the next one. I have tried everything I can think of (or search), but to no avail. I am using the following code, where QQQ1/2 are the questions, and AAA1/2 are the answer divs:
//Question/Answer
$(".QQQ1,.QQQ2").click(function () {
// check the visibility of the next element in the DOM
if ($(this).next().is(":hidden")) {
[Code].....
View 2 Replies
View Related
Mar 14, 2010
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
View 3 Replies
View Related
Aug 5, 2011
Im working on some drag and drop logic similar to the jQuery shopping cart example, but I've run into a small hitch. If I double click on the LI within my 'dropped' area it causes them to become draggable again. I specifically set up drag to only work from one source list, so Im unsure how double clicking is causing this bug?
View 1 Replies
View Related
