Knowledge Base

HOW TO INCLUDE CHECKBOXES AND RADIO BUTTONS

Applies to: Tipue JS

To include checkboxes, radio buttons or other form elements you need some additional JavaScript. Below are two examples of how to add functionality to the standard Tipue JS form.

EXAMPLE 1

Suppose you have two seperate data files and you want to have a single form where the user selects which search to use. The obvious solution would be a pair of radio button controls.

Use JavaScript similar to that below. It should be included in the Head section of your HTML page.

<script language="JavaScript" type="text/javascript"> function select_search(tip_Form) { if (tip_Form.d_1[0].checked) { var radio_value = 'results.html'; } else { var radio_value = '/support/results.html'; } var results_location = radio_value + '?d=' + escape(tip_Form.d.value); window.location = results_location; } </script>

And the revised form:

<form name="tip_form" onsubmit="select_search(tip_form);return false;"> <input type="text" name="d"> <input type="radio" name="d_1" checked> All <input type="radio" name="d_1"> Support <input type="submit" value="go"> </form>

EXAMPLE 2

Suppose you want to make it simple for your users to filter certain results from your search. A checkbox would be the obvious choice.

Include JavaScript similar to that below. Again, it should be included in the Head section of your HTML page.

<script language="JavaScript" type="text/javascript"> function revise_search(tip_Form) { if (tip_Form.d_1.checked) { var search_term = escape(tip_Form.d.value) + ' -support'; } else { var search_term = escape(tip_Form.d.value); } var results_location = 'results.html?d=' + search_term; window.location = results_location; } </script>

And the revised form:

<form name="tip_form" onsubmit="revise_search(tip_form);return false;"> <input type="text" name="d"> <input type="checkbox" name="d_1"> Exclude support <input type="submit" value="go"> </form>