jquery一些简单的小技巧

最新推荐文章于 2018-03-27 18:58:18 发布

wyabc1986

最新推荐文章于 2018-03-27 18:58:18 发布

阅读量680

点赞数

分类专栏： js 文章标签： jquery class function button input

本文链接：https://blog.csdn.net/wyabc1986/article/details/6586494

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1 checkbox反选

<input type= button value="反选" id="aa" οnclick="check()">

<hr>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>



<script>

  function check(status)

  {

     //这里的obj是dom

     $(".chk").each(

	 

	      function(i,obj){

	             obj.checked=!obj.checked;

	 

	       }  

	 

	 );

  }

</script>

2 复选框至少选一个

<input type= button value="删除" id="aa" οnclick="check()">

<hr>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>



<script>

  function check(status)

  {

     if ($(".chk:checked").size()<1)

     {

	   alert("请选中先");

	   return;

     }

  }

</script>

3 checkbox全选和全不选

<input type= button value="反选" id="aa" οnclick="check()">

<hr>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>

<input type=checkbox class="chk"> <br>



<script>

  function check(status)

  {

     //这里的obj是dom

     $(".chk").each(

	 

	      function(i,obj){

	             obj.checked=!obj.checked;

	 

	       }  

	 

	 );

  }

</script>

4 multiple select列表传值

<select multiple id="left">

  <option value="九阴真经">九阴真经</option>

  <option value="九阴真经">九阳神功</option>

  <option value="九阴真经">一阳指</option>

  <option value="九阴真经">玉女心经</option>

</select>

    

   <input type=button value=">" οnclick="left2right()">

<select id="right" multiple>

</select>





<script>

    function left2right()

	{

       $("#left>option:selected").remove().appendTo($("#right"));

	}

</script>