Question

我尝试从单选按钮获取价值，这是我的代码：

var isactive = result.IsActive;
            $("input[name='RadioActive']").each(function () {
                if ($(this).val() == isactive) {
                    $(this).attr("checked", "checked");
                }
            });

和html：

<section class="col col-lg-2">
    <label class="label">Active</label>
         <div class="inline-group">
            <label class="radio">
                 <input type="radio" name="RadioActive" class="RadioActive" value="T" />
                 <i></i>
                 Yes
            </label>
            <label class="radio">
                 <input type="radio" name="RadioActive" class="RadioActive" value="F" />
                 <i></i>
                  No
            </label>
         </div>
</section>

不起作用。你有什么主意吗？我想念的是什么？

Answer 1

使用jquery选择单选按钮使用prop。

在下面的代码段中，期望result.IsActive的值为F＆amp;将其分配给isactive

＆＃13;

var isactive = "F";
$("input[name='RadioActive']").each(function() {
  if ($(this).val() == isactive) {
    $(this).prop("checked", "checked");
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="col col-lg-2">
  <label class="label">Active</label>
  <div class="inline-group">
    <label class="radio">
                 <input type="radio" name="RadioActive" class="RadioActive" value="T" />
                 <i></i>
                 Yes
            </label>
    <label class="radio">
                 <input type="radio" name="RadioActive" class="RadioActive" value="F" />
                 <i></i>
                  No
            </label>
  </div>
</section>

＆＃13;

Answer 2

var isActive='F';

$("input[name='RadioActive']").each(function (index,value) {
               if( $(value).val()==isActive)
                $(value).attr('checked','checked');
            });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<section class="col col-lg-2">
    <label class="label">Active</label>
         <div class="inline-group">
            <label class="radio">
                 <input type="radio" name="RadioActive" class="RadioActive" value="T" />
                 <i></i>
                 Yes
            </label>
            <label class="radio">
                 <input type="radio"  name="RadioActive" class="RadioActive" value="F" />
                 <i></i>
                  No
            </label>
         </div>
</section>

Answer 3

您可以使用以下内容

$("input[name='RadioActive']:checked").val()

Answer 4

问题是result.IsActive没有解决。只需将isactive设置为T或F，系统就会检查单选按钮：

var isactive = "T";
$("input[name='RadioActive']").each(function() {
  if ($(this).val() == isactive) {
    $(this).attr("checked", "checked");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="col col-lg-2">
  <label class="label">Active</label>
  <div class="inline-group">
    <label class="radio">
      <input type="radio" name="RadioActive" class="RadioActive" value="T" />
      Yes
    </label>
    <label class="radio">
      <input type="radio" name="RadioActive" class="RadioActive" value="F" />
      No
    </label>
  </div>
</section>

请注意，将其设置为true或false 不会触发checked属性;它需要完全等于单选按钮的value（分别为T和F。）

确保您的result.IsActive返回T或F，并且它将正常运行。

希望这有帮助！：）

Answer 5

这是您的JavaScript代码：

 $(document).ready(function () {
        $('#myForm').on('click', function () {
            var value = $("[name=RadioActive]:checked").val();
            alert("Selected Radio Value is :  " + value);
        })
    });

HTML code：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
     <script src="script.js"></script>
  </head>

  <body>
    <form id="myForm">
      <section class="col col-lg-2">
          <label class="label">Active</label>
               <div class="inline-group">
                  <label class="radio">
                       <input type="radio" name="RadioActive" class="RadioActive" value="T" />
                       <i></i>
                       Yes
                  </label>
                  <label class="radio">
                       <input type="radio" name="RadioActive" class="RadioActive" value="F" />
                       <i></i>
                        No
                  </label>
               </div>
      </section>
    </form>
  </body>
</html>

这里是代码的工作人员：
https://plnkr.co/edit/D9UaU43OxHGUg80xxsiS?p=preview

无法使用jquery从单选按钮获取值

5 个答案: