요리 옵션이있는 레스토랑 주문 메뉴를 만들려면 어떻게해야합니까?

저는 현재 레스토랑 메뉴 주문 웹 사이트에서 일하고 있습니다. 그리고 나는 특정 요리에 요리 옵션을 추가하는 데 어려움을 겪고 있습니다. 그런 다음요리 옵션이있는 레스토랑 주문 메뉴를 만들려면 어떻게해야합니까?

등

<label class="option"><input type="radio" value="Ketchup"> Ketchup</label> ...

, 나는 다음 함수를 실행하는 온 클릭 속성이있는 링크입니다 추가 버튼이 : 나는 사용자가 선호하는 옵션을 선택할 수 있도록하는 라디오 버튼을 사용합니다. 양식없이 함수를 통해 선택된 라디오 박스 값을 전달하려면 어떻게해야합니까? 그래서 같은

출처

2012-07-07 Qiang

정확히 무엇이 잘못 되었나요? 라벨을 클릭해도 선택 항목이 변경되지 않고 양식을 제출할 때 라디오 버튼 데이터에 액세스 할 수 없습니까? – lpd

나에게 숙제가 들리는 소리 – freefaller

@lpd 레이블을 클릭하면 html이 올바르게 구성되어있는 경우 선택 항목이 변경됩니다. 라디오 및 체크 박스에 레이블을 붙이면 마우스 사용자를위한 추가 기능을 정확하게 추가 할 수 있습니다. – Trey

, 그것은 선택있어 어떤 라디오 버튼 아무 생각이 없다, 그래서 당신은 정말 "체크 라디오 박스를 전달할 수 없습니다 : 그래서 같은 매개 변수 만 로컬 변수를 사용하지 않을 vale through ". 비록 당신이 라디오를 참조 할 수있는 클래스를 제공한다면, 당신은 할 수 있습니다. 단지 함수 안에서 값을 체크하는 것입니다. "요리"라고하는 클래스로, 그에 대한 jQuery 코드는 다음과 같습니다

$('.dish:checked').val();

출처

2012-07-07 15:53:46 machineghost

일반적으로 나는 목구멍에 jquery를 밀어 넣는 답변을 경멸하지만이 유형의 시나리오는 도서관을 가져 오는 합리적인 상황처럼 들립니다. 나는 추가 하겠지만'label '을 사용할 수 있습니다.옵션> *' – lpd

솔직히 질문에 jQuery 태그가 없으므로 non-jQuery 솔루션을 포함했을 것입니다. 그러나이 경우에는 태블릿에서 대답을 입력하고 jQuery 버전은 sooooo가 훨씬 짧습니다. – machineghost

Thanks 너 soo 많이 :) – Qiang

당신이 당신의 폼 요소 ID를 제공하는 경우 :

<label class="option"><input type="radio" id="radioButton1" value="Ketchup"> Ketchup</label>

이 그럼 당신은 쉽게 DOM을 통해 라디오 버튼의 값에 액세스 할 수 있습니다. 당신이 추가 버튼을 클릭하면

function myFunction { 
    var myValue; 
    if (document.getElementById('radioButton1').checked == true) { 
     myValue = document.getElementById('radioButton1').value; 
    } 
    else { 
     // Check other radio buttons 
    } 
    // Perform some function using myValue 
}

출처

2012-07-07 15:48:16 lpd

입력 "라디오 버튼"버튼을 클릭하면, 실행, 각각에 onClick 이벤트에 ID를 부여 이벤트가 첨부 된 함수

출처

2016-11-25 02:29:05

요리 옵션이있는 레스토랑 주문 메뉴를 만들려면 어떻게해야합니까?

답변

관련 문제