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,不,是收音机本身