jquery 常用技巧

来源:互联网 发布:最好笑知乎 编辑:程序博客网 时间:2024/06/05 10:18

1.通过jquery给单选框复制

 $(":radio[name=dbfs][value='"+dbfs+"']").attr("checked","true");

2.通过jquery给复选框复制

var flavors = new Array([北京菜 , 粤菜]);$.each(flavors,function(i,item){$("input[name='checkboxFlavor'][value="+item+"]").attr("checked","checked");});

3.通过jquery操作单选框

<script src="http://www.aspbc.com/js/jquery.js"></script><SCRIPT type="text/JavaScript">$(function(){    //为指定name的radio设置选中值    $(":radio[name=radio1][value='b']").attr("checked","true");    $(":radio[name=radio2][value=2]").attr("checked","true");    //取值    $("#btn").click(function(){    var radio1Value=$(":radio[name='radio1']:checked").val();    var radio2Value=$(":radio[name='radio2']:checked").val();    //测试    alert("第一组单选值:"+radio1Value+"     ");    alert("第二组单选值:"+radio2Value+"     ");    });});</SCRIPT><p>第一组选择</p><input type="radio" name="radio1" value="a">第一组第一项<input type="radio" name="radio1" value="b">第一组第二项<p>第二组选择</p><input type="radio" name="radio2" value="1">第二组第一项<input type="radio" name="radio2" value="2">第二组第二项<br/><button id="btn">选完后点击我测试</button>

4.jquery控制模态框的隐藏和显示

//隐藏$("#dialog1").removeClass("fade").modal("hide");//显示$("#dialog2").modal("show").addClass("fade");

5.利用js脚本模拟鼠标点击事件

document.getElementById("closezt").click();


0 0