使用 JQuery 在单选按钮中设置“已检查”不起作用答案

【问题标题】：Setting "Checked" in Radio Button using JQuery is not working使用 JQuery 在单选按钮中设置“已检查”不起作用
【发布时间】：2019-01-06 05:54:31
【问题描述】：

我有这个javascript 函数将radio 按钮设置为checked 状态，php

我使用php 调用这个javascript 函数echo

我尝试将javascript 放在任何地方，但php 仍然没有设置单选按钮checked

这是我的php 和javascript

                     <div class="row text-center">
                             <script type="text/javascript">

                                function checkRadio(serviceid) {
                                   $('#radio' + serviceid).prop('checked', true);
                                 }
                                </script>

                              <?php echo "<script type='text/javascript'>checkRadio({$row['serviceid']});</script>"; ?>

                             <div class="col-md-3 col-sm-6 col-6 ad-image">
                             <input type="radio" name="radios" id="radio1" value="1" class="input-hidden" />
                             <label for="radio1">
                                                        <img src="http://placehold.it/70" alt="I'm radio" />
                            </label>
                        </div>

                      <div class="col-md-3 col-sm-6 col-6 ad-image">
                        <input type="radio" name="radios" id="radio2" value="2" class="input-hidden" />
                           <label for="radio2">
                              <img src="http://placehold.it/70" alt="I'm radio" />
                            </label>
                        </div>
          </div>

$row['serviceid'] 在 while loop 中（只运行一次），它的值为 1（e.i $row['serviceid'] = 1）

我尝试放置alert(serviceid)，效果很好。

但它没有设置radio1 设置状态

有人可以帮我吗？

【问题讨论】：

标签： javascript jquery radio-button

【解决方案1】：

原始答案可以在这里找到：How to set radio button status with JavaScript

如果你只想将单选按钮状态设置为选中你真的不需要jQuery，你可以简单地使用vanilla javascript：

功能检查无线电（服务ID）{ radiobtn = document.getElementById("radio" + serviceid); radiobtn.checked =真； }

【讨论】：