Question

我需要一个按钮来将多组单选按钮更改为相同的值。有人有解决方法吗？

例如，我有5组2个单选按钮，它们恰好是相同的答案。而不是我的用户按下5个单独的无线电按钮，我希望他们有这样的捷径。如果它有所作为，我正在使用如下所示的数组形式？免费使用任何语言。

<li>
        <table>
            <tr>
            <td><label class="status"><input type="radio" name="status[1]" value="Untested" /><img src="images/ButtonUnproven.png"></label></td>
            <td><label class="status"><input type="radio" name="status[1]" value="Roped" /><img src="images/ButtonGreen.png"></label></td>
            <td><label class="status"><input type="radio" name="status[1]" value="Sub-ducted" /><img src="images/ButtonBlue.png"></label></td>
            <td><label class="status"><input type="radio" name="status[1]" value="Cabled" /><img src="images/ButtonRed.png"></label></td>
            </tr>
        </table>
    </li>
    <li>
        <table>
            <tr>
            <td><label class="status"><input type="radio" name="status[1]" value="Stop" /><img src="images/ButtonStop.png"></label></td>
            <td><label class="status"><input type="radio" name="status[1]" value="Desilt" /><img src="images/ButtonDesilt.png"></label></td>
            <td><label class="status"><input type="radio" name="status1[]" value="Overlay" /><img src="images/ButtonOverlay.png"></label></td>
            <td><label class="status"><input type="radio" name="tma[1]" value="No" /><img src="images/ButtonNoTM.png"></label></td>
            <td><label class="status"><input type="radio" name="tma[1]" value="Yes" /><img src="images/ButtonTM.png"></label></td>
            </tr>
        </table>
    </li><li>
        <table>
            <tr>
            <td><label class="status"><input type="radio" name="status[2]" value="Untested" /><img src="images/ButtonUnproven.png"></label></td>
            <td><label class="status"><input type="radio" name="status[2]" value="Roped" /><img src="images/ButtonGreen.png"></label></td>
            <td><label class="status"><input type="radio" name="status[2]" value="Sub-ducted" /><img src="images/ButtonBlue.png"></label></td>
            <td><label class="status"><input type="radio" name="status[2]" value="Cabled" /><img src="images/ButtonRed.png"></label></td>
            </tr>
        </table>
    </li>
    <li>
        <table>
            <tr>
            <td><label class="status"><input type="radio" name="status[2]" value="Stop" /><img src="images/ButtonStop.png"></label></td>
            <td><label class="status"><input type="radio" name="status[2]" value="Desilt" /><img src="images/ButtonDesilt.png"></label></td>
            <td><label class="status"><input type="radio" name="status[2]" value="Overlay" /><img src="images/ButtonOverlay.png"></label></td>
            <td><label class="status"><input type="radio" name="tma[2]" value="No" /><img src="images/ButtonNoTM.png"></label></td>
            <td><label class="status"><input type="radio" name="tma[2]" value="Yes" /><img src="images/ButtonTM.png"></label></td>
            </tr>
        </table>
    </li>

JSFiddle我正在使用的例子。因为它们在我的本地服务器上丢失了图像，但你会得到要点。

Answer 1

JS

<script>
$(document).ready(function () {
$('#AllRoped').click(function () {
    $("input[value=Roped]").prop('checked', true);
});
})
</script>

HTML

<button id="AllRoped" type="button">All Roped</button>

这是我最终得到的并按预期工作。替换＆＃34; Roped＆＃34;具有您需要的任何价值。

使用按钮更改多组单选按钮

1 个答案: