, используя поле выбора jquery/javascript, проверит флажок

Я застрял на странице, где я использую selectbox &, и они будут вести себя как - в опциях выбора выберите ABC, BCD, BDE, AD, BE & в опции: A, B, C, D, E. Когда я выберу (предположим) BDE (или AD) из окна выбора .... в флажке B, D, E (или A и D) будет проверяться (автоматически)., используя поле выбора 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 (вместо того, что вы ответили), что и есть упоминание (@ mohon баран)

и я получил ссылка 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, проверит флажок

ответ

Смежные вопросы