同步两个单选按钮（Progress 4GL、JS 和 HTML）答案

【问题标题】：Synchronizing two radio buttons (Progress 4GL, JS and HTML)同步两个单选按钮（Progress 4GL、JS 和 HTML）
【发布时间】：2014-07-04 17:27:53
【问题描述】：

我想将 HTML 字段 ind_title 与性别同步，这样当我勾选 Mr 单选按钮时，Male 将自动被选中，当我勾选 Mrs 或 Ms 时，Female 将被选中。我试过这段代码，但似乎没有用。请帮忙？非常感谢！

这是我的 HTML 代码。

<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>

【问题讨论】：

添加一个jsfiddle会很好
您正在使用 getElementById 但我没有在您的输入中看到任何 ID 属性。示例：
@Aliendroid 你如何添加一个jsfiddle？

标签： javascript progress-4gl webspeed

【解决方案1】：

SpeedScript 由 WebSpeed 代理在服务器端执行。这意味着每次在“先生”、“女士”和“夫人”之间切换时，您都必须提交表单的值。出于您的目的，不需要使用 SpeedScript。

在客户端运行的 Javascript 将最有效地完成这项工作。

【讨论】：