2014-10-06 1 views
3

나는이 두 값에 대한 체크 박스를 체크해야하는 것처럼 체크 박스에 두 개의 값을 주어야한다.버튼의 입력 유형에 두 개의 값을 제공 할 수 있습니까?

if 조건을 사용할 수 있습니까? 또는 다른 무엇입니까? 나는 어떤 좋은 아이디어라도 생각하지 않는다.

<div class="Checkbox" style="width: 40px; height: 35px; margin-top: 3px;"> 
    <input type="checkbox" name="boxselector" id="ROICheckBox" onclick ="toggleCheckboxes(this);" value="ROI" /> 
    <label for="ROICheckBox" style="height: 10px; padding-bottom: 18px;" ></label> 
    </div> 

는 지금은 ROI과 같은 체크 박스를 사용해야 하나 개 더 많은 가치 픽셀 있습니다. 어떻게하면됩니까 ??

$("[name=boxselector]").click(function(
         myPixelSetSel = undefined; 
         mySel = new Box2(); 
         if (this.value === "ROI"){ 
          mySel.isROI = true; 
         } 
         else if (this.value === "Layer"){ 
          mySel.isLayer = true; 
         } 
         else if (this.value === "Metrics"){ 
          mySel.isMetrics = true; 
          myPixelSetSel = 1; 
//       mySel = undefined; 
         } 
         else if (this.value === "MeasBox"){ 
          mySel.isMeasBox = true; 
         } 
         else if(this.value === "Pixel"){ 
         myPixelSetSel = 1; 
         mySel = undefined; 
        } 

       } else { 
        sel = {}; 
        mySel = undefined; 
        myPixelSetSel = undefined; 
       }  
     }); 
     }); 
+3

이 질문은 체크 박스 * 값 *의 개념이 바로 그 값이기 때문에 의미가 없습니다. 그리고 그것이 두 개라는 생각은 혼란 스럽습니다. 당신이 묻는 것은 대신 비즈니스 로직을 기반으로 프로그래밍 방식으로 체크 박스를 켜거나 끌 수있는 방법이라고 생각합니다. 그것은 질문 문맥을 극적으로 바꿔 놓았다. 또한 JS 코드 또는 예제 링크 (jsbin.com 또는 jsfiddle.net)를 제공하지 않았으므로 집중적 인 대답을 공식화하는 데 충분한 범위가 없습니다. – Sukima

+0

정확히 무엇을 의미하는지 확신 할 수는 없지만,'name = 'boxselector [ROI]'와'name = 'boxselector [Pixel]''을 별도의'input' 엘리먼트로하면됩니다. 각각이 검사 될 때. –

+1

checkbox 요소는 아마도 여기에서 사용할 잘못된 요소 일 것입니다. 이 요소에는 두 개의 값이 있습니다. 하나는 선택하면되고 다른 하나는 선택되지 않을 때입니다. 검사되지 않은 요소는 서버에 제출되지 않습니다. 프롬프트를 변경하는 경우 레이블에 ID를 지정하십시오. 스크립트에서 - 체크되면 == false로 id를 얻고 레이블에 적절한 텍스트를 넣습니다. – jeff

답변

0

가 왜 첫 번째가 확인 될 때이 두 값의 배열을 가지고의 예를 들어 제출 가정하지 않습니다 여기를보세요 : http://jsfiddle.net/csdtesting/vcfvmLsy/

$('form').submit(function() { 
 
    var arr = []; 
 
    var chkel = $('input[name="boxselector"]'); 
 

 
    var valueToAdd = "Pixel"; 
 
    if ($(chkel).is(':checked')) { 
 
    if ($(chkel).val() == "ROI") 
 
     arr.push($(chkel).val()); 
 
    arr.push(valueToAdd); 
 
    } 
 
    console.log(arr); 
 
    alert(arr[0]); 
 
    alert(arr[1]); 
 
    // Prevent actual submit for demo purposes: 
 
    return false; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="Checkbox" style="width: 40px; height: 35px; margin-top: 3px;"> 
 
    <input type="checkbox" name="boxselector" id="ROICheckBox" onclick="toggleCheckboxes(this);" value="ROI" checked="checked" /> 
 
    <label for="ROICheckBox" style="height: 10px; padding-bottom: 18px;"></label> 
 
</div> 
 
<form> 
 
    <input id='my_match' type='hidden' name='my_match[]' /> 
 
    <button>Submit</button> 
 
</form>

관련 문제