Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取在语义ui中检查的无线电值_Javascript_Jquery_Html_Semantic Ui - Fatal编程技术网

Javascript 获取在语义ui中检查的无线电值

Javascript 获取在语义ui中检查的无线电值,javascript,jquery,html,semantic-ui,Javascript,Jquery,Html,Semantic Ui,我试图在表单提交后获取复选框的值,但没有输出任何内容。网站上没有关于如何做到这一点的文档 $(文档).ready(函数(){ $('.ui.radio.checkbox').checkbox(); $('#formOne')。提交(e=>{ 设num=$('#radio').val(); console.log(num); e、 预防默认值(); }); }); 一个 两个 提交 您需要查找选定的收音机,而不是收音机周围的div $(文档).ready(函数(){ $('.ui.radio

我试图在表单提交后获取复选框的值,但没有输出任何内容。网站上没有关于如何做到这一点的文档

$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
设num=$('#radio').val();
console.log(num);
e、 预防默认值();
});
});

一个
两个
提交

您需要查找选定的收音机,而不是收音机周围的div

$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
让num=$('#radio').find('[name=“number”]:checked').val();
console.log(num);
e、 预防默认值();
});
});

一个
两个
提交

您需要查找选定的收音机,而不是收音机周围的div

$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
让num=$('#radio').find('[name=“number”]:checked').val();
console.log(num);
e、 预防默认值();
});
});

一个
两个
提交

我相信您正在寻找类似的产品

<script>
$(document).ready(function(){
  $('.ui.radio.checkbox').checkbox();

$('#formOne').submit(e => {
      var num = $("input[name='number']:checked").val();
      console.log(num);

      e.preventDefault();
  });
});
</script>

$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
var num=$(“输入[name='number']:选中”).val();
console.log(num);
e、 预防默认值();
});
});
您的HTML是:

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css" rel="stylesheet"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js"></script>

    <form class="ui form" id="formOne">
      <div class="field" id="radio" >
        <div class="ui radio checkbox">
          <input type="radio" value="one" name="number">
          <label>One</label>
        </div>
        <div class="ui radio checkbox">
          <input type="radio" value="two" name="number">
          <label>Two</label>
        </div>
      </div>
      <button class="ui button" type="submit">Submit</button>
    </form>

一个
两个
提交

我相信您正在寻找类似的产品

<script>
$(document).ready(function(){
  $('.ui.radio.checkbox').checkbox();

$('#formOne').submit(e => {
      var num = $("input[name='number']:checked").val();
      console.log(num);

      e.preventDefault();
  });
});
</script>

$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
var num=$(“输入[name='number']:选中”).val();
console.log(num);
e、 预防默认值();
});
});
您的HTML是:

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css" rel="stylesheet"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js"></script>

    <form class="ui form" id="formOne">
      <div class="field" id="radio" >
        <div class="ui radio checkbox">
          <input type="radio" value="one" name="number">
          <label>One</label>
        </div>
        <div class="ui radio checkbox">
          <input type="radio" value="two" name="number">
          <label>Two</label>
        </div>
      </div>
      <button class="ui button" type="submit">Submit</button>
    </form>

一个
两个
提交
像这样使用:

<form class="ui form" id="formOne">
  <div class="field" id="radio" >
    <div class="ui radio checkbox">
      <input type="radio" value="one" name="number">
      <label>One</label>
    </div>
    <div class="ui radio checkbox">
      <input type="radio" value="two" name="number">
      <label>Two</label>
    </div>
  </div>
  <button class="ui button" type="submit">Submit</button>
</form>


$(document).ready(function(){
  $('.ui.radio.checkbox').checkbox();

$('#formOne').submit(e => {
       let num = $('[name="number"]:checked').val();
       console.log(num);
       e.preventDefault();
  });
});


一个
两个
提交
$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
让num=$('[name=“number”]:选中').val();
console.log(num);
e、 预防默认值();
});
});

像这样使用:

<form class="ui form" id="formOne">
  <div class="field" id="radio" >
    <div class="ui radio checkbox">
      <input type="radio" value="one" name="number">
      <label>One</label>
    </div>
    <div class="ui radio checkbox">
      <input type="radio" value="two" name="number">
      <label>Two</label>
    </div>
  </div>
  <button class="ui button" type="submit">Submit</button>
</form>


$(document).ready(function(){
  $('.ui.radio.checkbox').checkbox();

$('#formOne').submit(e => {
       let num = $('[name="number"]:checked').val();
       console.log(num);
       e.preventDefault();
  });
});


一个
两个
提交
$(文档).ready(函数(){
$('.ui.radio.checkbox').checkbox();
$('#formOne')。提交(e=>{
让num=$('[name=“number”]:选中').val();
console.log(num);
e、 预防默认值();
});
});

id为radio的元素是收音机周围的div,不,是收音机本身。id为radio的元素是收音机周围的div,不,是收音机本身