Insert this code on a page to achieve this functionality.
You may want to display your form if a user selects "Yes" or hide your form and display a message if they select "No". Var vis = (box.checked) ? "block" : "none" ĭocument.getElementById(it).style.display = vis
This will add a checkbox to your page which, if selected, will display your form. If you would like to display a form based on a single checkbox selection, you may insert the following code on the same page as your form shortcode. Get it for free! Forms Conditionally show a form Var checkboxes = document.getElementsByName(‘check_delete’) įor (var i = 0 i < checkboxes.Formidable Forms is the best WordPress Form Builder plugin. If you wanted to target specific checkboxes instead of all checkboxes on the page, you could add a class to the input which allows you to check/uncheck the boxes by replacing the code $(“input:checkbox”).attr(‘checked’, true) with $(“.checkboxclass”).attr(‘checked’, true) Rather than adding the check all function to the link itself, the jQuery version listens for when the ‘check all’ or ‘uncheck all’ link is clicked, which means these links will need an ID adding to them as below: $("input:checkbox").attr('checked', false) $("input:checkbox").attr('checked', true) This code will target all checkboxes on a page using the $(“input:checkbox”) selector. If you prefer a jQuery check/uncheck function, the below code will achieve exactly the same as above.
The Javascript check all function has been tested for compatibility in IE8, IE9, Chrome & FireFox JQuery Check & Uncheck checkboxes ‘checkbox1’, ‘checkbox2’ etc rather than ‘checkbox’ for the whole list. There may be occasions for example where the checkbox name changes within a list, i.e. One of the advantages of using this method is that unlike some other similar functions, this check all works regardless of the name of the checkbox. To call the function, add the following javascript command to your check all and uncheck all text or image links: If there are other input types such as ‘radio’, the function loops through all the input fields in the form, selecting only those that are checkboxes. The function gets the array of checkboxes from the selected form from their HTML tag ‘input’ type. The CheckAll function takes in two parameters, the first is the form name and the second is a boolean value – true or false, true being to select all checkboxes and false to un-select all. Here’s a useful Javascript function I recently coded to allow a list of checkboxes in a form to be selected or unselected.
0 kommentar(er)
