Question

我有一个HTML表单，我需要将插入的数据保存在mongo数据库中。我遇到的困难是保存单选按钮和ckeckbox插入的数据。

这是我的HTML代码：

  <div class="form-group">
    <label>Foto:</label>
    <input class="form-control" type="text" name="animal[foto]" placeholder="image url">
  </div>
  <div class="form-group">
    <label>Animal:</label>
    <div class="form-check">
      <label class="form-check-label"><input class="form-check-input" name="animal[tipo]" type="radio" value="dog" > Dog</label>
    </div>
    <div class="form-check">
      <label class="form-check-label"><input class="form-check-input" name="animal[tipo]" type="radio" value="cat"> Cat</label>
    </div>
    <div class="form-check">
      <label class="form-check-label"><input class="form-check-input" name="animal[tipo]" type="radio" value="other"> Other:</label>
      <input type="text" class="form-control" name="animal[tipo]" placeholder="Which?">
    </div>
  </div>
  <div class="form-group">
    <label>Gender:</label>
    <div class="form-check">
      <label class="form-check-label"><input class="form-check-input" name="animal[sexo]" type="radio" value="Male"> Male</label>
    </div>
    <div class="form-check">
      <label class="form-check-label"><input class="form-check-input" name="animal[sexo]" type="radio" value="Female"> Female</label>
    </div>

如何保存无线电btn中的选择？

Answer 1

首先，您必须从单选按钮获取值。如果您使用javascript库jQuery，则非常简单：

alert($('input[name=animal[tipo]]:checked').val());

此代码将选择带有animal[tipo]名称的已检查输入，并获取其值。简单不是吗？

然后你可以像往常一样保存它

如何使用单选按钮和复选框在mongodb上保存HTML表单中的数据

1 个答案: