Javascript 选择收音机后隐藏div

我正在处理以下代码，我希望输入的

number

仅在选择收音机

Mobile Money

时显示

脚本：

$(document).ready(function() {
  $('input[type="radio"]').click(function() {
    if ($(this).attr('id') == 'mobilemoney') {
      $('#mobilemoneynumber').show();
    } else {
      $('#mobilemoneynumber').hide();
    }
  });
});

<form class="form-basic" method="post" action="#">
  <div class="form-row">
    <label><span>Select one</span></label>
    <div class="form-radio-buttons">
      <div>
        <label>
          <input type="radio" name="radio" id="mobilemoney">
          <span>Mobile Money</span>
        </label>
      </div>
      <div>
        <label>
          <input type="radio" name="radio">
          <span>Cash on delivery</span>
        </label>
      </div>
    </div>
  </div>
  <div class="form-row">
    <label>
      <span>Number</span>
      <input type="text" id="mobilemoneynumber" name="mobilemoneynumber">
    </label>
  </div>
  <div class="form-row">
    <button type="submit">Submit Form</button>
  </div>
</form>

Html:

$(document).ready(function() {
  $('input[type="radio"]').click(function() {
    if ($(this).attr('id') == 'mobilemoney') {
      $('#mobilemoneynumber').show();
    } else {
      $('#mobilemoneynumber').hide();
    }
  });
});

<form class="form-basic" method="post" action="#">
  <div class="form-row">
    <label><span>Select one</span></label>
    <div class="form-radio-buttons">
      <div>
        <label>
          <input type="radio" name="radio" id="mobilemoney">
          <span>Mobile Money</span>
        </label>
      </div>
      <div>
        <label>
          <input type="radio" name="radio">
          <span>Cash on delivery</span>
        </label>
      </div>
    </div>
  </div>
  <div class="form-row">
    <label>
      <span>Number</span>
      <input type="text" id="mobilemoneynumber" name="mobilemoneynumber">
    </label>
  </div>
  <div class="form-row">
    <button type="submit">Submit Form</button>
  </div>
</form>

选择一个
移动货币
货到付款
数
提交表格

默认情况下，当页面显示时，仅显示输入的

编号

，我希望它在默认情况下显示

---

我该怎么做呢？

收音机

被包装在元素

'form-row'

中。它是

input

元素父元素的前一个元素

 $('input[type="radio"]').click(function() {
   if ($(this).attr('id') == 'mobilemoney') {
     $(this).closest(".form-row").next().show();
   } else {
     $(this).closest(".form-row").next().hide();
   }
 });

---

最近（“.form row”）

将返回类名为

的父元素。form row

被包装在元素

'form-row'

中。它是

input

元素父元素的前一个元素

 $('input[type="radio"]').click(function() {
   if ($(this).attr('id') == 'mobilemoney') {
     $(this).closest(".form-row").next().show();
   } else {
     $(this).closest(".form-row").next().hide();
   }
 });

---

最近（“.form row”）

将返回具有类名的父元素

form row

向两个单选项添加值：

<input  type="radio" name="radio" value="mobilemoney">
<input type="radio" name="radio"  value="cash">

---

为两个收音机增加价值：

<input  type="radio" name="radio" value="mobilemoney">
<input type="radio" name="radio"  value="cash">

默认情况下，将显示输入

#mobilemoneynumber

。我有没有办法隐藏它？是的，添加style=“display:none”；在该输入框中，默认情况下会显示输入

#mobilemoneynumber

，默认情况下会选中设置交货时现金单选按钮。我有没有办法隐藏它？是的，添加style=“display:none”；在该输入框中，默认情况下选中“货到付款”单选按钮