Question

I’m attempting to add and remove curly braces around a textbox value with javascript.

What I have done so far is to add them correctly but I’m at a loss for removing them on uncheck. Here is my code:

 <script>

 Toggle();
 function Toggle(){
 if (document.form1.icd.checked){
 document.form1.amln.value= "{" + document.form1.amln.value + "}";
 } 


 }
 </script>

<input type="checkbox" name="icd" value="icd" onClick="Toggle();" /> 

<input type="text" name="amln" id="amln" />

Answer 1

Match Beginning and End

var tb = document.form1.amln;
tb.value = tb.value.replace(/[{}]/g,"")

Remove any { and }

var tb = document.form1.amln;
tb.value = tb.value.replace(/[{}]/g,"");

Combine it with the check

function addBraces() {
    var fm = document.form1,
        tb = fm.amln;
    tb.value = tb.value.replace(/[{}]/g,"");  //doing it here in case {} already exist
    if (fm.icd.checked) {
        tb.value = "{" + tb.value + "}";
    } 
}