하나의 드롭 다운, 2 개의 라디오, 2 개의 입력

Question

자, 자국어로도 설명하기가 어려울 수 있지만 가능한 한 명확하게하려고 노력할 것입니다.

다른 옵션으로 하나의 드롭 다운 메뉴가 있습니다. 그 중 하나를 선택하면 두 개의 라디오 버튼 중 하나를 선택하여 두 개의 다른 입력 필드에 결과를 줄 필요가 있습니다. 예를 들어, 드롭 다운에서 옵션 2를 선택한 다음 라디오 버튼 1을 선택하면 입력 값 1에 값이 표시되고 입력 값 2에 다른 값이 표시됩니다.

<select id="single"> 
    <option>Select an item</option> 
    <option data1="140x200" data2="1">80x190</option> 
    <option data1="140x200/220" data2="2">80x200</option> 
    <option data1="140x220" data2="3">80x210</option> 
</select> 

<input type="radio" id="radioButton1" name="radioButton" value="enkel" /> 
<label for="radioButton1">enkel</label> 
<input type="radio" id="radioButton2" name="radioButton" value="dubbel" /> 
<label for="radioButton2">dubbel</label> 
<input type="text" id="dekbed"> 
<input type="text" id="overtrek"> 

나는이 jsfiddle을 만들었으므로 설명이 도움이 될 수 있습니다. 선택된 옵션는 만약 입력 #overtrek에 입력 #dekbed 및 DATA2에 DATA1를 제공하도록

FIDDLE

은 어쩌면, 드롭 각 옵션 (DATA1, DATA2, DATA3, DATA4) 4 개 특성을 제공한다 라디오 2가 체크되면 라디오 1이 체크되고, 데이터 3는 #dekbed를 입력하고 데이터 4는 입력 #overtrek를 입력합니다.

여러분이이 사실을 이해하기를 바랍니다. 이전에이 방법을 아직 보지 못했기 때문에이 점에 대해 도움을 주실 수 있습니다.

Answer 1

radioButton1이 선택되어 있으면 변경이

if ($("#radioButton1").is(':checked')){ .... do something } 

이 될 것입니다 각 라디오 버튼이 radioButton1에 대한 예를 들어 루틴

$("#single option:selected").each(function() { 

의 내부에 체크되어 있는지 확인하는 조건을 추가하는 시도 할 수 있습니다 데이터 1 및 데이터 2에 대한 디킹 및 오버 트릭의 값입니다.

그렇지 않으면 radioButton2를 확인한 경우

,

if ($("#radioButton2").is(':checked')){ .... do something different} 

변화는 데이터 3에 dekbed 및 overtrek의 값과 데이터 4.

편집 주 : 이러한 방법을 추가해야합니다 선택 상자의 변경 이벤트 및 라디오 버튼 입력 모두에. 난이 도움이되기를 바랍니다 jsfiddle.net/dbS2Q/1/

:

나는에서 솔루션을 시연 바이올린을 만들었습니다!