JQUERY

    셀렉트와 체크박스 상호교환
    • 조회수 675
    • 작성일 2018-08-29
    •  
    <script>
    $(function(){
      $("#sname").change(function() {
        var chxex = $("#sname option").index($("#sname option:selected"));
        var sunse = chxex - 1;

        if(sunse > -1) {
          $("#cname").attr("disabled", true);
        } else {
          $("#cname").attr("disabled", false);
        }
      });
      $("#cname").change(function() {
        if($('#cname').is(':checked')) {
          $("#sname").attr("disabled", true);
        } else {
          $("#sname").attr("disabled", false);
        }
      });
    });
    </script>

    <tr>
      <td width="130" height="40">
        <select class="tabl03 idhf01" name="sname" id="sname">
         <option value="">제품명</option>
          <option value="">abcd 720</option>
          <option value="">abcd 360</option>
          <option value="">abcd 320</option>
        </select>
      </td>
      <td colspan="2" class="statistics02">
        <input type="checkbox" id="cname" name="cname" />
      </td>
    </tr>