当我想使用复选框时,我有三个 div,我应该有新的 div 如果我检查 car1 而 car2 未检查,我应该有红色汽车吗 但是如果在检查 car1 的同时检查 car2 我应该有黑车
<div id="carblack">
car black
</div>
<div id="carred" style="display:none">
car red
</div>
<div id="carblue" style="display:none">
car blue
</div>
<input type="checkbox" id="car1" name="vehicle" value="red" checked/>
<input type="checkbox" id="car2" name="vehicle1" value="blue" checked/>
$('#car1').change(function () {
if($(this).attr("checked")){
document.getElementById("carred").style.display = "block";
document.getElementById("carblack").style.display = "none";
} else{
document.getElementById("carblack").style.display = "block";
document.getElementById("carred").style.display = "none";
}
});
$('#car2').change(function () {
if($(this).attr("checked")){
document.getElementById("carblue").style.display = "block";
document.getElementById("carblack").style.display = "none";
} else{
document.getElementById("carblack").style.display = "block";
document.getElementById("carblue").style.display = "none";
}
});
最佳答案
检查了 2 个 radio ,或者没有一个 - 黑色?
$(function(){
var cars = $('div[id^="car"]'),
inputs = $('input[type="checkbox"]');
inputs.change(function(){
cars.hide();
if(inputs.filter(':checked').length === 1)
{
cars.filter('#car' + $(this).val()).show();
}
else {
cars.filter('#carblack').show();
}
});
});
关于javascript - 2 复选框,当两者都检查时提供新的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12550212/