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

时间:2018-03-02 21:10:38

标签: jquery attributes

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

目的是在第二种形式中设置#funky的name属性,并在第一种形式中选择单选按钮的值(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>

1 个答案:

答案 0 :(得分:0)

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

这是一个全球选择器。它会找到它们。您只需要选择的那个。

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

或者只是在处理程序

中引用已更改的拨号盘
$('.dial').change(function() {
    $('#dialSKU').val(this.value);  
    $('#funky').attr('name', this.value);
});