基于下拉选择为单选按钮赋值答案

【问题标题】：Assign value to Radio button-based on dropdown select基于下拉选择为单选按钮赋值
【发布时间】：2016-06-17 04:34:26
【问题描述】：

我目前正在处理一个表单，其中一个段有一个包含 2 个元素的下拉选择，旁边是与该下拉列表关联的两个单选按钮。其中一个单选按钮是正常的（非输入文本框），另一个单选按钮用于自定义输入输入文本框。用例是，用户首先在下拉列表中选择一个元素并根据选择，如果用户单击第一个没有输入文本框的单选按钮，则应根据下拉选择分配此单选按钮的值。 .

下面是我的html代码：

<div class="uriDiv input-group">
  <select class="common authSelect form-control" name="authType" id="authType">
    <option value="">
      <spring:message code="newPolicy.selectAuthType"></spring:message>
    </option>
    <option value="DBUser">DBUser</option>
    <option value="LDAPUser">LDAPUser</option>
  </select>
</div>

<div class="auth-permission-rd">
  <div class="uriDiv radio radio-left">
    <label>
      <input type="radio" class="common anyuser" value="anyUser" name="authPermission" id="authPermission">Any User
    </label>
  </div>
  <div class="uriDiv radio radio-input">
    <label>
      <input type="radio" class="common groupuser" value="groupUser" name="authPermission" id="authPermission">
      <input type="text" name="authPermissionValue" disabled="disabled" class="common form-control-placeHolder" id="authPermissionValue" placeholder="Enter custom Permissions - Comma separated" />
    </label>
  </div>
</div>

我应该有一个 jquery 代码，将值分配给单选按钮..

因此，如果用户从下拉列表中选择了“DBUser”并且他选择了“AnyUser”单选按钮，则 jquery 功能需要为单选按钮分配一个可能是“AnyDBUserValue”的值..

如果用户从下拉列表中选择 LDAPUser 并且如果他选择“AnyUser”单选按钮，则 jquery 功能需要为此单选按钮分配一个值，该值可能是“AnyLDAPUserValue”。

如果用户想通过选择其他具有输入文本框的单选按钮来输入自定义值，那么我们需要丢弃之前的值并采用用户输入的自定义值..

我是 JQUery 的新手，因此在编写用于此功能的 jquery 代码时需要帮助...

感谢您的帮助..谢谢。

【问题讨论】：

在一个问题中提出许多问题...请准确

标签： javascript jquery html forms

【解决方案1】：

First you will perform drop down event like this...

$("#authType").change(function(){       
        $("#authPermissionValue").val($("[type = radio]").val().split("U")[0].toUpperCase() + $("#authType").val()) 
    })

or also like this..

$("#authType").change(function(){       
        $("#authPermissionValue").val("ANY" + $("#authType").val()) 
    })

and after this you can perform radio button even like this...

$(".groupuser").on( "click", function(){        
        $("#authPermissionValue").removeAttr("disabled");
        $("#authPermissionValue").val("");
    });

That solution is totally dynamic of your requirements.
no need to add extra hard code for conditions

【讨论】：

【解决方案2】：

下面的代码可以告诉你如何开始

$("#authType").change(function(){


})

$('input[name="authPermission"]').click(function(){
   if ( $("#authType").val()=='DBUser' && $(this).val() =='anyUser'){
       $(this).val('AnyDBUser');
   }
   if ( $("#authType").val()=='LDAPUser' && $(this).val() =='anyUser'){
       $(this).val('AnyLDAPUser');
   }
})

【讨论】：