javascript - 隐藏 Razor 引擎中的单选按钮

Question

我想隐藏一个单选按钮。我尝试这样:

  @if (GetBoolean("bdCanOrderOnAccount"))
                                            {
                                                <div class="control-group">
                                                    <input type="radio" value="PAY1" id="EcomCartPaymethodID_PAY1a" name="EcomCartPaymethodID" class="pull-left" @if (GetString("Ecom:Order.PaymentMethodID").Equals("PAY1")) { <text> checked="checked" </text>           }>
                                                    <label for="EcomCartPaymethodID_PAY1a" class="pull-left radio-label">@Translate("choosepaymentmethodebankaccount", "Betaal op rekening")</label>
                                                </div>
                                            }
                                        <!--<div class="control-group">
                                            <input type="radio" value="PAY2" id="EcomCartPaymethodID_PAY2a" name="EcomCartPaymethodID" class="pull-left" @if (GetString("Ecom:Order.PaymentMethodID").Equals("PAY2")) { <text> checked="checked" </text>          }>
                                            <label for="EcomCartPaymethodID_PAY2a" class="pull-left radio-label">@Translate("choosepaymentmethodeideal", "Betaal online via iDeal")</label>
                                        </div>-->


                                        <div class="control-group">
                                            <input type="radio" value="PAY3" id="EcomCartPaymethodID_PAY3a" name="EcomCartPaymethodID" class="pull-left" @if (GetString("Ecom:Order.PaymentMethodID").Equals("PAY3")) { <text> checked="checked" </text>           }>
                                            <label for="EcomCartPaymethodID_PAY3a" class="pull-left radio-label">@Translate("choosepaymentmethodepickup", "Betaal bij afhalen")</label>
                                        </div>
                                    </div>

                                </div>

                        <script>
                                            $(function () {                                                 
                                              var rbtn = document.getElementById('EcomCartPaymethodID_PAY3a');
                                              document.getElementById('EcomCartPaymethodID_PAY3a').style.visibility = 'hidden';

                                              });
                                            </script>

因此，如果我在脚本中执行警报('hoi')，那么我会看到 hoi 消息。但单选按钮并未隐藏。

怎么会这样？

谢谢

但是如果我这样做:

<div class="hallo">
                                        <div class="control-group">
                                            <input type="radio" value="PAY3" id="EcomCartPaymethodID_PAY3a" name="EcomCartPaymethodID" class="pull-left" @if (GetString("Ecom:Order.PaymentMethodID").Equals("PAY3")) { <text> checked="hecked" </text>           }>
                                            <label for="EcomCartPaymethodID_PAY3a" class="pull-left radio-label">@Translate("choosepaymentmethodepickup", "betaal bij afhalen")</label>
                                        </div>
                              </div>

还有这个:

<script>
                                            $(function () {                                              
                                              document.document.getElementsByClassName('hallo').style.visibility = 'hidden';

                                              });
                                            </script>

它不会隐藏

Answer 1

而不是

 document.document.getElementsByClassName('hallo').style.visibility = 'hidden';

正确的语法应该是:

document.getElementsByClassName('hallo')[0].style.visibility = 'hidden';

首先，document.document 没有任何意义。我认为这是一个拼写错误。

其次，getElementsByClassName 返回一个匹配元素的数组，因此您必须在数组索引中保存的各个元素上设置样式，而不是在数组本身上设置样式。在本例中，我将其设置在第一个元素 ([0]) 上，假设您只期望一个结果，但如果您可能有多个结果，则需要循环遍历数组并对所有人都进行分配。