Jquery

셀렉트와 체크박스 상호교환
  • 조회수 348
  • 작성일 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>