Javascriptを利用してラジオボタンのチェック状態を変更したいが、・・・

Javascriptでラジオボタンの選択状態を変えたいのですが、その選択状態が変わりません。
その対策方法をご教授ください。

以下のコードが現象を確認しているコードです。

<head>
    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
$(function() {
    $('button[name="save"]').click(function(){
        var data_res = 5 ;
        $("input[name='typeid']").val(data_res) ;
        $("#result").text("value = " + $("input[name='typeid']").val()) ;
    });
});        
    </script>
</head>
<body>
    <button type="button" name="save" >登  録</button>
    <br>
    <label><input type="radio" name="typeid" value="0" checked/>初期値</label><br>
    <label><input type="radio" name="typeid" value="1" />その１</label><br>
    <label><input type="radio" name="typeid" value="2" />その２</label><br>
    <label><input type="radio" name="typeid" value="3" />その３</label><br>
    <label><input type="radio" name="typeid" value="4" />その４</label><br>
    <label><input type="radio" name="typeid" value="5" />その５</label><br>
    <label><input type="radio" name="typeid" value="6" />その６</label><br>
    <br>
    <div id="result"></div>

</body>

ボタンを押すと、正常に動作すればラジオボタンの選択状態は初期値からその５へ変わるはずです。
実際、最後に”typeid"の値を参照しており、５の値が入っているのは確かと思います。
なお、確認しているマシンはWindows10､ブラウザはedge/chromeです。

回答としてはそれぞれのチェックボックスのIDを持たせてIDで設定する方法を指摘するかもしれませんが、実コード上でsmartyを利用しているため、IDが利用できませんので、解決方法にはならないと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

$("input[name='typeid']").val(data_res) ;

それは一番やってはだめなやつです
nameがtypeidのすべてのinput要素のvalueをdata_resに変えています
こうしてください

javascript
1$(function() {
2  $('button[name="save"]').click(function(){
3    var data_res = 5 ;
4    $("input[name='typeid'][value="+data_res+"]").prop('checked',true);
5    $("#result").text("value = " + $("input[name='typeid']:checked").val()) ;
6  });
7});