set input attribute：基于无线电值jquery的名称

Posted 2021-04-06

我真的很挣扎，这对jQuery来说还是比较新的，但是我觉得我已经越来越近了，并且非常感谢一些帮助，让最后一点工作。

目的是在第二种形式中设置#funky的name属性，并在第一种形式（名称“dialChoice”）中选择单选按钮的值。

它正在工作，但只将#funky名称更改为值DL1-BLCK - 无论单击哪个单选按钮。有人可以告诉我哪里出错了吗？

提前致谢

<form>
<label>Black </label><input class="dial" type="radio" id="color1" name="dialChoice" value="DL1-BLCK" />
<label>White </label><input class="dial" type="radio" id="color2" name="dialChoice" value="DL1-WHTE" />

<label>Value of Radio Button choice </label>
<input type="text" id="dialSKU" name="dialName" />
</form>

<form method="post" action="/">
<input id="funky" name="" value="1" />
</form>


<script>
(function($) {
$(document).ready(function() { 
    $('.dial').change(function() {
    $('#dialSKU').val($('.dial').val());  
$('#funky').attr('name', $('[name=dialChoice]').val());
    });
});
})( jQuery );
</script>

答案

$('[name=dialChoice]').val()

那是一个全球选择者。它会找到它们。你只想要选择一个。

$('[name=dialChoice]:checked').val()

或者只是在处理程序中引用已更改的拨号盘

$('.dial').change(function() {
    $('#dialSKU').val(this.value);  
    $('#funky').attr('name', this.value);
});