Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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
Jquery 单选按钮onclick-更改范围内容_Jquery_Ajax_Radio Button - Fatal编程技术网

Jquery 单选按钮onclick-更改范围内容

Jquery 单选按钮onclick-更改范围内容,jquery,ajax,radio-button,Jquery,Ajax,Radio Button,使用jQueryAjax可以做到这一点吗 当选择单选按钮时,我想更改的内容 <input class="unitSelectInches" type="radio" name="units" value="inches" />Inches <input class="unitSelectCenti" type="radio" name="units" value="centi" />Centimetres 英寸 厘米 选择英寸会将此跨度更改为“英寸”和厘米 <s

使用jQueryAjax可以做到这一点吗

当选择单选按钮时,我想更改
的内容

<input class="unitSelectInches" type="radio" name="units" value="inches" />Inches
<input class="unitSelectCenti" type="radio" name="units" value="centi" />Centimetres
英寸
厘米
选择英寸会将此跨度更改为“英寸”和厘米

<span class="unitLabel">inches</span>
英寸

您可能会感到困惑,jQuery和Ajax是两种不同的东西。您只需要jQuery来满足您的需求,ajax根本不相关

请试试这个

$('input[name="units"]').change(function() {
    $('.unitLabel').text(this.value);
})
你不想要吗

$("input[name=units]").on("change", function () {
   var selected = $("input[name=units]:checked");
   $(".unitLabel").text( selected.val());
 });

实际上,您希望选中
:选择器<代码>:所选
用于
选择
元素的
选项
元素。