![](/img/trans.png)
[英]How to disable other opitons when one option is selected of “radio buttons”?
[英]How to disable radio buttons when in total 5 radio button are selected?
<script>
$(document).ready(function() {
var radios = document.getElementsByTagName('input');
var value;
var z;
for (var i = 0; i < radios.length; i++) {
if (radios[i].type === 'radio' && radios[i].checked) {
// get value, set checked flag or do whatever you need to
z++;
if (z > 5) {
alert("more than 5");
}
}
}
});
</script>
我正在尝试编写将禁用单选按钮其余部分的javasript。 例如
1 2 3 4 5
apple o o o o o
banana o o
orange
onion
potato
grape
peach
当我选择前5种水果时,其他单选按钮应被禁用。
请尝试以下代码:
$(document).ready(function() {
$('input[type="radio"]').change(function(){
var l = $('input[type="radio"]:checked').length;
if( l > 5 ) {
$(this).prop('checked', false);
for(var i=0; i < $('input[type="radio"]').length; i++) {
if( !$('input[type="radio"]').eq(i).is(':checked') ) {
$('input[type="radio"]').eq(i).prop('disabled', 'disabled');
}
}
}
});
});
简单易行,希望这会有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.