使用JScript確定條件

傢伙我怎樣才能最多爲我的網頁3複選框？使用JScript確定條件

目前，我有6個複選框..如果我勾選了所有6個盒子... 3個表格將顯示在上面，3個將顯示在最下面。但是我只想要出現3個最大表格。

因此，我想有一個檢查條件，其中（1）如果1個複選框選中了將only.It通知至少2代表必須進行檢查，以用戶comparison.-DONE

（2）如果超過3個表是selected.It將通知用戶，它可能不會進行，且不會帶來任何tables.-需要幫助這裏

<!DOC HTML> 
<html> 
<TITLE></TITLE> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
$('input[type="submit"]').click(function() { 
if($('input[name=Option]:checked').length >1) 
{ 
    $('.frame-wrapper').fadeOut(); 
$('input[name=Option]').each(function() { 
    if ($(this).prop("checked")) 
    { 
     $('.frame-wrapper').eq($(this).index() -1).fadeIn(); 
    }        
}); 
} 
else 
    { 
    alert("You must compare with more than 1 item.!!"); 
    } 
}); 
     $('input[type="compare"]').click(function() { 
      $('.frame-wrapper').eq($(this).index() -1).fadeIn(); 
     }); 

    }); 

</script> 
<style type="text/css"> 
    .frame-wrapper { 
     display: none; 
     float: left; 
     width: 32%; 
     margin-top: 20px; 
     margin-right: 1%; 
     background-color: #eee; 
    } 
</style> 
</head> 
<body> 
<b>Please select an option</b> 
A <input type="checkbox" name="Option" /> 
B <input type="checkbox" name="Option" /> 
C <input type="checkbox" name="Option" /> 
D <input type="checkbox" name="Option" /> 
E <input type="checkbox" name="Option" /> 
F <input type="checkbox" name="Option" /> 
<input type="submit" value="Compare"/> 
<input type="reset" name="clear" value="Clear"/> 

<div style="clear: both;"></div> 
<div id="tblA" class="frame-wrapper"> 
    You selected A 
</div> 
<div id="tblB" class="frame-wrapper"> 
    You selected B 
</div> 
<div id="tblC" class="frame-wrapper"> 
    You selected C 
</div> 
<div id="tblD" class="frame-wrapper"> 
    You selected D 
</div> 
<div id="tblE" class="frame-wrapper"> 
    You seleted E 
</div> 

<div id="tblF" class="frame-wrapper"> 
    You selected F 
</div> 

</body> 
</html>

來源

2014-04-06 user3500105

遍歷所有複選框，做'總+ = box.checked;你可以使用'if（total> 3）{...}' –

你已經比較了選中複選框的數量1.爲3做類似的事情。 –

添加一個類你輸入的複選框（包含.foo例如）。

然後，你可以做

$('.foo').click(function() 
{ 
//every time a checkbox is clicked you can run your sum checks. 
//you can loop over all '.foo' classes and check how many were checked. 
//then run an if statement to more dirty work. 


});

來源

2014-04-06 16:28:09 Patrick

使用JScript確定條件

回答

相關問題