<div>
Dave, that sounds pretty cool, I'll try it.<br />
<br />
Richard
</div>


<div>
Hi,<br />
or as you have jQuery already included:<br />

<pre><code class="code-1 nolinks" id="code-20-41370578-1"><span>$(document).ready(function() {</span>
<span>$(&quot;b&quot;,&quot;div.col-sm-6.col-xs-4&quot;).click(function() {$(&quot;input[name='cltype']&quot;).val([$(this).parents(&quot;div&quot;).parents(&quot;div.row&quot;).find(&quot;input[name='cltype']&quot;).val()]);});</span>
<span>});</span>
</code></pre>
<br />
So by just adding this script it is not necessary to add additional code depending on the different radio buttons.<br />
<br />
@Dave: sorry I have been working on it during your post. And as that one is a nice one-liner which works :-)<br />
<br />
HTH<br />
Rainer
</div>


<div>
Why would you do this using javascript?<br />
You have three input's as radio buttons:<br />

<pre><code class="code-1 nolinks" id="code-20-41371349-1"><span>&lt;input type=&quot;radio&quot; value=&quot;B&quot; id=&quot;basin&quot; name=&quot;cltype&quot;&gt;</span>
<span>&lt;input type=&quot;radio&quot; value=&quot;S&quot; id=&quot;side&quot; name=&quot;cltype&quot;&gt;</span>
<span>&lt;input type=&quot;radio&quot; value=&quot;F&quot; id=&quot;full&quot; name=&quot;cltype&quot;&gt;</span>
</code></pre>
And the bolded text is for example:<br />

<pre><code class="code-1 nolinks" id="code-20-41371349-2"><span>&lt;b&gt;Basin Cleaning&lt;/b&gt;</span>
</code></pre>
You could just replace this with:<br />

<pre><code class="code-1 nolinks" id="code-20-41371349-3"><span>&lt;label for=&quot;basin&quot;&gt;&lt;b&gt;Basin Cleaning&lt;/b&gt;&lt;/label&gt;</span>
</code></pre>
and the same for others / just note the &quot;for&quot; attribute that points to the ID of the input radio field - no need for javascript.
</div>


<div>
<div class="content wysiwyg-content">
Hello,<br />
<br />
Please go to <a href="http://www.rkassoc.org/Lakos_config" rel="ugc">www.rkassoc.org/Lakos_config</a>&nbsp;and click the &quot;Guest Access&quot; button. Note the next page has 3 radio button choices.<br />
<br />
The customer wants the bolded text header item next to each radio button to act such that if it's clicked on, it checks the corresponding radio button.<br />
<br />
What is the simplest way to do this in JavaScript?<br />
<br />
Thanks
</div>
</div>


Hello,

Please go to www.rkassoc.org/Lakos_config and click the "Guest Access" button. Note the next page has 3 radio button choices.

The customer wants the bolded text header item next to each radio button to act such that if it's clicked on, it checks the corresponding radio button.

What is the simplest way to do this in JavaScript?

Thanks

Make HTML text a clickable item

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.