<div>
This code will change whole document's font to bolder (strong) when checkbox is checked, or unchange if it's not checked:<br />
<br />
&lt;script&gt;<br />
function change(value) {<br />
&nbsp; if(value) document.body.style.fontWe<wbr />ight = 'bolder';<br />
&nbsp; else document.body.style.fontWe<wbr />ight = '';<br />
}<br />
&lt;/script&gt;<br />
&lt;input type=&quot;checkbox&quot; onchange=&quot;change(this.chec<wbr />ked)&quot; name=&quot;isDefaultTemplate&quot; value=&quot;DefaultTemplate&quot;&gt; &nbsp;This a default template
</div>


This code will change whole document's font to bolder (strong) when checkbox is checked, or unchange if it's not checked:

<script>
function change(value) {
  if(value) document.body.style.fontWeight = 'bolder';
  else document.body.style.fontWeight = '';
}
</script>
<input type="checkbox" onchange="change(this.checked)" name="isDefaultTemplate" value="DefaultTemplate">  This a default template

<div>
Thanks but I want it for this phrase only &quot;&nbsp;This a default template &quot;
</div>


Thanks but I want it for this phrase only " This a default template "

<div>
Oh okay, this then:<br />
<br />
&lt;script&gt;<br />
function change(value) {<br />
&nbsp; if(value) document.getElementById('c<wbr />ontent').s<wbr />tyle.fontW<wbr />eight = 'bolder';<br />
&nbsp; else document.getElementById('c<wbr />ontent').s<wbr />tyle.fontW<wbr />eight = '';<br />
}<br />
&lt;/script&gt;<br />
&lt;input type=&quot;checkbox&quot; onchange=&quot;change(this.chec<wbr />ked)&quot; name=&quot;isDefaultTemplate&quot; value=&quot;DefaultTemplate&quot;&gt; &nbsp;&lt;div id=&quot;content&quot;&gt;This a default template&lt;/div&gt;
</div>


Oh okay, this then:

<script>
function change(value) {
  if(value) document.getElementById('content').style.fontWeight = 'bolder';
  else document.getElementById('content').style.fontWeight = '';
}
</script>
<input type="checkbox" onchange="change(this.checked)" name="isDefaultTemplate" value="DefaultTemplate">  <div id="content">This a default template</div>

<div>
ok it changs the font but not dynamic, I mean I have to click on the text to be changed
</div>


ok it changs the font but not dynamic, I mean I have to click on the text to be changed

<div>
<div class="content wysiwyg-content">
Hello,<br />
<br />
I want to change the font to strong if the checkbox checked<br />
<br />
&lt;input type=&quot;checkbox&quot; name=&quot;isDefaultTemplate&quot; value=&quot;DefaultTemplate&quot; &nbsp;This a default template&gt; &nbsp; &nbsp; 
</div>
</div>


Hello,

I want to change the font to strong if the checkbox checked

<input type="checkbox" name="isDefaultTemplate" value="DefaultTemplate"  This a default template>     

Change font using a checkbox

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

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.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.