基於單選按鈕值更改提交按鈕文本

Question

如何根據哪個單選按鈕處於活動狀態來更改提交按鈕文本？

這是我的代碼，但它不起作用。它只改變文字一次。

我有兩個單選按鈕：

<input type="radio" name="build-team" class="choose" value="build" /> Yes 
<input type="radio" name="build-team" class="choose" value="show" /> No 
<button class="show-result" data-chooseyes="Yes" data-chooseno="No">Yes</button> 

而且我有腳本：

$(document).on('click', '.choose', function() { 
    var target = $('.show-result'); 
    if ($(this).attr('checked') == 'checked') { 
     target.html(target.data('chooseyes')); 
    } 
    else { 
     target.html(target.data('chooseno')); 
    } 
}) 

JSFiddle example

Answer 1

$(document).on('click', '.choose', function() { 
 
    var target = $('.show-result'); 
 
     target.html($(this).val()); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="build-team" class="choose" value="Yes" /> Yes 
 
<input type="radio" name="build-team" class="choose" value="No" /> No 
 
<button class="show-result" data-chooseyes="Yes" data-chooseno="No">Yes</button>

Answer 2

$('.opt').click(function(){ 
 
    $('#button').html($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="opt" name="opt" type="radio" value="Yes" checked="checked">Yes 
 
<input class="opt" name="opt" type="radio" value="No">No 
 
<button id="button" type="submit">Yes</button>

這是最簡單的答案，沒有添加的屬性，只有乾淨的HTML + jQuery的，也必須認識到，必須始終有/選擇的無線電默認勾選，如果沒有，你會必須驗證領域和驗證收音機不冷哈哈:)有一個愉快的一天！