jquery常见操作总结

 

var value= $("input:radio[name='per'][checked]").val();

$("input[name='testradio']:eq(1)").attr("checked","checked");//
eq(1)表示第二个

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='zh-CN' xml:lang='zh-CN' xmlns='http://www.w3.org/1999/xhtml'>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    
    <script type="text/javascript" src="http://www.oschina.net/js/2012/jquery-1.7.1.min.js"></script>
   <script>
    $(function(){
        $("#btnGetRadioValue").click(function(){
            var value=$("input:radio[name='per'][checked]").val();
            alert(value);
        });
        $("#btnSetRadioValue").click(function(){
            var value=$("input:radio[name='per'][checked]").val();
            value=value*1-1;
            if(value==0)
                value=1;
            else
                value=0;
            $("input:radio[name='per']:eq("+value+")").attr("checked","checked");
        });
        $("#btnGetSelectValue").click(function(){
            var value=$("#ddl").val();
            alert(value);
        });
         
        $("#btnSetSelectValue").click(function(){
            var value=$("#ddl option:eq(2)").attr("selected","selected");
        });
    });
   </script>
  </head>
<body>
 1<input type="radio" name="per" value="1"/>
 2<input type="radio" name="per" value="2"/>
 <input type="button" value="GetRadioValue" id="btnGetRadioValue"/>
 <input type="button" value="SetRadioValue" id="btnSetRadioValue"/><br/>
 <select id="ddl">
    <option value="-1">--</option>
    <option value="1">1</option>
    <option value="2">2</option>
 </select>
 <input type="button" value="GetSelectValue" id="btnGetSelectValue"/>
  <input type="button" value="SetSelectValue" id="btnSetSelectValue"/>
</body>
</html>

 

posted @   异地远程联网技术  阅读(383)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示