我有两个var characterify = (...c) => c.reduceRight((a,b) => a.concat([...b]) ,[]);
document.write("<pre>" + JSON.stringify(characterify("cat","dog")) + "</pre>");
,当点击一个单选按钮时,其div为radio button
,当点击其他按钮时,其相关为enabled
。
enabled
答案 0 :(得分:1)
<!DOCTYPE html>
<html>
<head>
<title>Disable Radio Button in Form Using jQuery</title>
<!-- Include CSS File Here -->
<link rel="stylesheet" href="css/style.css"/>
<!-- Include JS File Here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/disable_radio.js"></script>
</head>
<body>
<div class="container">
<div class="main">
<h2>Disable Radio Button in Form Using jQuery</h2>
<form action="#" method="post" id="form">
<label>Enable / Disable Radio Buttons: </label>
<input type="radio" name="first" value="Enable" id="enable">
<span>Enable</span>
<input type="radio" name="first" value="Disable" id="disable" checked>
<span>Disable</span>
<label>Radio Buttons :</label>
<input type="radio" name="second" class="second" value="Radio 1">
<span class="wrap">Radio 1</span>
<input type="radio" name="second" class="second" value="Radio 2">
<span class="wrap">Radio 2</span>
<input type="radio" name="second" class="second" value="Radio 3">
<span class="wrap">Radio 3</span>
</form>
</div>
</div>
</body>
</html>
$(document).ready(function() {
// By Default Disable radio button
$(".second").attr('disabled', true);
$(".wrap").css('opacity', '.2'); // This line is used to lightly hide label for disable radio buttons.
// Disable radio buttons function on Check Disable radio button.
$("form input:radio").change(function() {
if ($(this).val() == "Disable") {
$(".second").attr('checked', false);
$(".second").attr('disabled', true);
$(".wrap").css('opacity', '.2');
}
// Else Enable radio buttons.
else {
$(".second").attr('disabled', false);
$(".wrap").css('opacity', '1');
}
});
});
答案 1 :(得分:0)
试试这个:
<script type="text/javascript">
$( document ).ready(function() {
$("input:radio").click(function() {
if($(this).val() == "head") {
$("#head").show();
$("#bod").hide();
} else {
$("#head").hide();
$("#bod").show();
}
});
});
</script>
<input type="radio" name="opt" value="head"> HEAD
<input type="radio" name="opt" value="bod"> BOD
<div id="head" style="display:none;">Head</div>
<div id="bod" style="display:none;">BOD</div>
答案 2 :(得分:0)
我们走了:
jQuery的:
<script>
$('#disable').on('click', function() {
$('.demo').disable();
});
$('#enable').on('click', function() {
$('.demo').enable();
});
</script>
CSS:
<style>
div.disabled {
background: lightgrey;
}
</style>
这是jsfiddle:enter link description here
希望它有所帮助;)
答案 3 :(得分:0)
这个应该可以解决问题:
<script type="text/javascript">
$( document ).ready(function() {
$('input[type=radio]').click(function(){
if (this.previous) {
this.checked = false;
document.getElementById("nc").style.display = "block";
this.previous=false;
}
else {
this.previous = this.checked;
document.getElementById("nc").style.display = "none";
}
});});