function disableButtons(val) { if (val == 'clear') { $('#btnExcellent, #btnFine, #btnBad').prop('disabled', true); $('#btnSkip').prop('disabled', false); } else { $('#btnExcellent, #btnFine, #btnBad').removeProp('disabled'); $('#btnSkip').prop('disabled',true); } }
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <table id="radioBtnQueryQuality"> <tr> <td><input id="radioBtnQueryQuality_0" type="radio" name="radioBtnQueryQuality" value="clear" onclick="disableButtons('clear');" /><label for="radioBtnQueryQuality_0">One</label></td> </tr> <tr> <td><input id="radioBtnQueryQuality_1" type="radio" name="radioBtnQueryQuality" value="notExpNorImp" onclick="disableButtons('notExpNorImp');" /><label for="radioBtnQueryQuality_1">Two</label></td> </tr> <tr> <td><input id="radioBtnQueryQuality_2" type="radio" name="radioBtnQueryQuality" value="invalid" onclick="disableButtons('invalid');" /><label for="radioBtnQueryQuality_2">Three</label></td> </tr> </table> <a id="btnExcellent" class="btn btn-primary" href="javascript:__doPostBack('btnExcellent','')">Excellent</a> <a id="btnFine" class="btn btn-primary" href="javascript:__doPostBack('btnFine','')">Fine</a> <a id="btnBad" class="btn btn-primary" href="javascript:__doPostBack('btnBad','')">Bad</a> <a id="btnSkip" class="btn btn-primary" href="javascript:__doPostBack('btnSkip','')">Skip</a>
需求:
我想在单击第一个单选按钮时禁用btnFour
按钮(即值one)。如果我单击其余的两个单选按钮,则我希望禁用除最后一个按钮之外的前三个按钮。它无法按照我想要的方式工作。如果我使用简单的HTML按钮,则它可以工作,但对于LinkButtons则不起作用。任何帮助将不胜感激。
谢谢。
function disableButtons(val){if(val =='clear'){$('#btnExcellent,#btnFine,#btnBad')。prop('disabled',true); $('#btnSkip')。prop('...
您可以尝试下面的代码,只需在调用禁用功能时传递单选按钮的值并启用或禁用相关按钮,就可以使用>>
代码段