jQuery 输入：帮助块中的无线电更改 val 文本

【问题标题】：jQuery input:radio change val text in help-blockjQuery 输入：帮助块中的无线电更改 val 文本
【发布时间】：2014-11-06 11:34:26
【问题描述】：

我有一个表单，如果值是一件事，.help-block 中出现的文本应该相应地改变。表格如下：http://lakenney.github.io/contact.html 选中“我想要定制的东西”复选框，然后下拉单选按钮。单击第一个施华洛世奇项链单选按钮，相应的文字“施华洛世奇水晶闪耀”出现在 .help-block 中。但其他单选按钮不起作用。

我有一个适用于选择元素的示例：http://lakenney.github.io/form-start-video2.html ... 请参阅“请选择一个”，相应的文本会填充 .help-block

任何帮助将不胜感激。

【问题讨论】：

标签： jquery html

【解决方案1】：

改为将您的 javascript 修改为：

$('input:radio').change(function(){

        if ($(this).val() == 'swarovski') {
            $('.request-custom .help-block').text('Swarovski crystals sparkle');
        } else if ($(this).val() == 'mirano') {
            $('.request-custom .help-block').text('Mirano crystals sparkle');
        } else if ($(this).val() == 'locket') {
            $('.request-custom .help-block').text('Lockets are awesome!');
        } else if ($(this).val() == 'soldering') {
            $('.request-custom .help-block').text('Soldering Rock!');
        } else {
            $('.request-custom .help-block').text('');
        }

});

基本上，使用

$(this).val()

捕捉价值。您目前正在使用

$('input:radio').val()

这将始终返回 FIRST $('input:radio')，恰好是 swarovski。

【讨论】：