Условие при checked input
<div class="input_block"> <input name="floor" type="radio" value="1-этаж"> <span>1</span> </div> Подскажите, пожалуйста, как с помощью jq сделать так, чтоб при checked input - блок .input_block менял цвет фона? Так не работает
jQuery(document).ready(function() {
if(jQuery(".input_block input[type='radio"]").is(":checked")) {
jQuery(".input_block").css("background", "red");
}
});
|
Julia1991,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.red{
background-color: #FF0000;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
jQuery(function() {
var divs = jQuery(".input_block").each(function(i, div) {
div = $(div).on("change", '[type="radio"]', function() {
divs.removeClass("red");
div.addClass("red");
});
});
});
</script>
</head>
<body>
<div class="input_block">
<input name="floor" type="radio" value="1-этаж" >
<span>1</span>
</div>
<div class="input_block">
<input name="floor" type="radio" value="2-этаж" >
<span>2</span>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 11:31. |