2複選框，當兩個檢查提供新的div

我有三個div當我想使用複選框，我應該有新的div 如果我檢查car1，而car2未選中，如果我有紅色車但如果檢查car1而car2檢查，黑車2複選框，當兩個檢查提供新的div

<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"; 
    } 
});

來源

2012-09-23 user1683781

可以請你改一下你的問題？我無法理解它！此外，當你使用jQuey時，你不需要使用'document.getElementById..'。使用像：'$（'＃carred'）.css（'display'，'block'）' – HungryCoder

我的意思是我可以如何2複選框，當他們檢查給我車黑也，當每一個單獨檢查給我它的車 – user1683781

我想知道你想要什麼，並且我更改我的帖子檢查可能有幫助 – Afshin

2無線電檢查或沒有人 - 黑？

$(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(); 
     } 
    }); 
});

演示：http://jsfiddle.net/jAxHT/

來源

2012-09-23 07:08:27 webdeveloper

$('#car1').change(function() { 

if($(this).attr("checked")){ 
    if($(this).next().attr("checked")){ 
    document.getElementById("carblack").style.display = "block"; 
    document.getElementById("carred").style.display = "none"; 
    document.getElementById("carblue").style.display = "none"; 
    }else{ 
    document.getElementById("carred").style.display = "block"; 
    document.getElementById("carblack").style.display = "none"; 
} 
} else if($(this).next().attr("checked")){ 
    document.getElementById("carblack").style.display = "none"; 
    document.getElementById("carblue").style.display = "block"; 
}else{ 
     document.getElementById("carblack").style.display = "block"; 
    document.getElementById("carred").style.display = "none"; 
    document.getElementById("carblue").style.display = "none";  } 
}); 

$('#car2').change(function() { 

if($(this).attr("checked")){ 
    if($(this).prev().attr("checked")){ 
    document.getElementById("carblack").style.display = "block"; 
    document.getElementById("carred").style.display = "none"; 
    document.getElementById("carblue").style.display = "none"; 

    }else{ 
    document.getElementById("carblue").style.display = "block"; 
    document.getElementById("carblack").style.display = "none"; 
    } 
} else if($(this).prev().attr("checked")){ 
    document.getElementById("carblack").style.display = "none"; 
    document.getElementById("carred").style.display = "block"; 
}else{ 
     document.getElementById("carblack").style.display = "block"; 
    document.getElementById("carred").style.display = "none"; 
    document.getElementById("carblue").style.display = "none";  } 
});

來源

2012-09-23 06:45:39 Afshin

2複選框，當兩個檢查提供新的div

回答

相關問題