`

jquery 表单验证

阅读更多
<form>
<table>
  <tr>
    <td><input type="radio" name="q1" value="1" />可选1</td>
  </tr>
  <tr>
    <td><input type="radio" name="q1" value="2" />可选2</td>
  </tr>
  <tr>
    <td><input type="radio" name="q1" value="3" />可选3</td>
  </tr> 
  <tr>
    <td><input type="radio" name="q1" title="other" value="4" onclick="setStatusForChk();" />可选4</td>
  </tr>
  <tr>
    <td><input type="text" name="q1" class="kuang" disable="disabled" /></td>
  </tr>
  <tr>
    <td aligh="center"><img id="submit" src="image/anniu2.jpg" width="249" height="49" /></td>
  </tr>
</table>
</form>


<script>
  $(document).ready(function(){
      $('input[type="text"]').hide();
      $('#submit').click(function(event){
          var len = $('[name="q1"][title!="other"]:checked').length;
          alert(len);
          if (len==0)
          {
            alert("please choose");
            return;
          }

          var txtlen = $('[name="q1"][title="other"]:checked').length;
          if (txtlen>0)
          {
             $('input[name="q1"][type="text"]').attr('disabled',false);
          }   
      }
      )
  }
  )

  function setStatausForChk(){
     $('input[name="q1"][type="text"]').attr('disabled',$('input[name="q1"][title="other"]:checked').length > 0 ? false : true);
  }
</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics