使用jquery/javascript選擇框將驗證複選框

我陷入一個頁面，在那裏我使用selectbox &複選框，它們的行爲就像 - 在選擇框中的選項是ABC，BCD，BDE，AD， BE &在複選框中，選項是A，B，C，D，E。當我從複選框B，D，E（或A和D）的選擇框中選擇（假設）BDE（或AD）時）將被檢查（自動）。使用jquery/javascript選擇框將驗證複選框

任何想法...或輸入將不勝感激。

我的代碼（如下）：

編輯：一件事是，如果我使用選擇框狀（下文提到），並根據選擇box.Any線索要執行選中的複選框...

<body> 
<form> 
<select name="item" id="item" class="item" onChange=list(this.value) > 
<script type="text/javascript"> 
document.write("<option value=-1>Item</option>"); 
count=item.length; 
for(i=0;i<count;i++) 
document.write("<option value="+i+">"+item[i]+"</option>"); 
</script> 
</select> 
<table> 
<td> 
<input type="checkbox" name="A" id="A" value="A" >A<br> 
<input type="checkbox" name="B" id="B" value="B">B<br> 
<input type="checkbox" name="C" id="C" value="C">C<br> 
<input type="checkbox" name="D" id="D" value="D">D<br> 
<input type="checkbox" name="E" id="E" value="E">E<br> 
</td> 
</table> 
</form> 
</body>

，並在不斷變化的特定選擇項目（項目）可所有這些選項可以寫在jQuery的（你已經回答了，而不是什麼）什麼u有提到（@ mohon RAM）

和我有鏈接here，但無法在我的排序喜歡透視。

來源

2012-06-13 Tirtha

它不應該是微不足道的，特別是如果你使用jQuery。你試過什麼了？ –

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script language="javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script> 
<script language="javascript"> 
$(document).ready(function(){ 

$("select#select_element").change(function(){ 
    var select_val = $.trim($("select#select_element option:selected").attr("test")); 
    var select_val_arr = select_val.split(","); 
    $("input.checkbox").prop("checked",false); 
    $.each(select_val_arr, function(i,val){ 
     $("input:checkbox#"+val).prop("checked",true); 
    }); 
}); 
$("select#select_element").trigger("change"); 
}); 
</script> 

</head> 
<body> 
<select id="select_element"> 
    <option test="A,B,C" value="ABC">ABC</option> 
    <option test="B,C,D" value="BCD">BCD</option> 
    <option test="B,D,E" value="BDE">BDE</option> 
    <option test="A,D" value="AD">AD</option> 
    <option test="B,E" value="BE">BE</option> 
</select> 

<input type="checkbox" id="A" value="A" class="checkbox" />A 
<input type="checkbox" id="B" value="B" class="checkbox" />B 
<input type="checkbox" id="C" value="C" class="checkbox" />C 
<input type="checkbox" id="D" value="D" class="checkbox" />D 
<input type="checkbox" id="E" value="E" class="checkbox" />E 
<input type="checkbox" id="F" value="F" class="checkbox" />F 
</body> 
</html>

來源

2012-06-13 06:34:09

非常感謝你的答覆.....它完全符合我的要求。 – Tirtha

使用jquery/javascript選擇框將驗證複選框

回答

相關問題