同步两个单选按钮(进度4GL, JS和HTML)

我想将HTML字段ind_title与性别同步，这样当我选中Mr单选按钮时，将自动选中Male，而当我选中Mrs或Ms时，将选中Female。我试过这个代码，但它似乎不起作用。帮助吗?非常感谢!

<label class="control-label" for="linedesc">Title:</label>
<input type="radio" name="ind_title" value="1" `if ttAssuredMst.ind_title = STRING("1") then 'checked' else ''` onclick="checkGend()">Mr.
<input type="radio" name="ind_title" value="2" `if ttAssuredMst.ind_title = STRING("2") then 'checked' else ''` onclick="checkGend()">Mrs.
<input type="radio" name="ind_title" value="3" `if ttAssuredMst.ind_title = STRING("3") then 'checked' else ''` onclick="checkGend()">Ms.
<label class="control-label" for="linedesc">Gender:</label>
<input type="radio" name="gender" value="M" `if ttAssuredMst.gender = 'M' then 'checked' else ''` readonly>Male
<input type="radio" name="gender" value="F" `if ttAssuredMst.gender = 'F' then 'checked' else ''` readonly>Female

这是我的JavaScript代码

<script type="text/javascript">
         $(document).ready(function() {
          $('.masktin').mask("999-999-999-999");
          $("#client_since").mask("99/99/9999");
          $("#client_since").datepicker();
          if ($("#num_addaddress2").val()=="0") {
              $("#btninsertaddress").click();
          }

        }); 
        function checkGend() {
        if (document.getElementById('mr').checked) {
        document.getElementById('male').checked = true;
        }
        else if (document.getElementById('mrs').checked) {
        document.getElementById('female').checked = true;
        }
        else {
        document.getElementById('female').checked = true;
        }
        }
        </script>