我有两个单选按钮,希望发布所选按钮的值。如何使用jQuery获取值?

我可以得到所有这些:

$("form :radio")

我如何知道选择了哪一个?


当前回答

使用$('input[name=“radioName”]').filter(“:checked”).val();对我来说是最好的方式。

经过测试,这是可行的

Form

<form id="myForm">
  <input type="radio" name="radioName" value="Option1"> Option1
  <input type="radio" name="radioName" value="Option2" checked> Option2
  <input type="radio" name="radioName" value="Option3"> Option3
</form>

滑动分页

$(document).ready(function() {
  $('input[name="radioName"]').on('change', function() {
     const val = $(this).filter(":checked").val();
     alert(val);
  })

  // First load check
  const val = $('input[name="radioName"]').filter(":checked").val();
  alert(val);
});

此处示例:https://codepen.io/abinhho/pen/mdLrqbX

其他回答

要获取id为myForm的表单的选定radioName项的值,请执行以下操作:

$('input[name=radioName]:checked', '#myForm').val()

下面是一个示例:

$('#myForm input').on('change',function(){alert($('input[name=radioName]:checked','#myForm').val());});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><fieldset><legend>选择radioName</legend><label><input-type=“radio”name=“radioName”value=“1”/>1</label><br/><label><input-type=“radio”name=“radioName”value=“2”/>2</label><br/><label><input-type=“radio”name=“radioName”value=“3”/>3</label><br/></fieldset></form>

您可以将:checked选择器与收音机选择器一起使用。

 $("form:radio:checked").val();

使用此。。

$("#myform input[type='radio']:checked").val();

我需要做的是简化C#代码,即在前端JavaScript中尽可能多地执行。我使用的是一个字段集容器,因为我在DNN中工作,它有自己的表单。所以我不能添加表单。

我需要测试3个文本框中的哪一个正在使用,如果是,搜索类型是什么?以值开头,包含值,值的精确匹配。

HTML格式:

<fieldset id="fsPartNum" class="form-inline">
<div class="form-group">
    <label for="txtPartNumber">Part Number:</label>
    <input type="text" id="txtPartNumber" class="input-margin-pn" />
</div>
<div class="form-group">
    <label for="radPNStartsWith">Starts With: </label>
    <input type="radio" id="radPNStartsWith" name="partNumber" checked  value="StartsWith"/>
</div>
<div class="form-group">
    <label for="radPNContains">Contains: </label>
    <input type="radio" id="radPNContains" name="partNumber" value="Contains" />
</div>
<div class="form-group">
    <label for="radPNExactMatch">Exact Match: </label>
    <input type="radio" id="radPNExactMatch" name="partNumber" value="ExactMatch" />
</div>

我的JavaScript是:

        alert($('input[name=partNumber]:checked', '#fsPartNum').val()); 
    if(txtPartNumber.val() !== ''){
        message = 'Customer Part Number';
    }
    else if(txtCommercialPartNumber.val() !== ''){

    }
    else if(txtDescription.val() !== ''){

    }

只要说任何包含ID的标签都可以使用。对于DNNers来说,这很好知道。这里的最终目标是向中级代码传递在SQL Server中启动部件搜索所需的内容。

这样,我就不必复制以前复杂得多的C#代码了。重物正在这里搬运。

我得找一找这个,然后修补一下,让它发挥作用。所以对于其他DNNer来说,希望这很容易找到。

如果在一个表单上只有一组单选按钮,jQuery代码如下所示:

$( "input:checked" ).val()