zoukankan      html  css  js  c++  java
  • Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

    <无详细内容>

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    jquery取radio单选按钮的值 
     
    $("input[name='items']:checked").val(); 
    另:判断radio是否选中并取得选中的值
     
    如下所示:
    function checkradio(){
    var item = $(":radio:checked");
    var len=item.length;
    if(len>0){
      alert("yes--选中的值为:"+$(":radio:checked").val());
    }
    }
     
     
     
     
     jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关  
     
     获取一组radio被选中项的值  
     
     var item = $('input[name=items][checked]').val();  
     
     获取select被选中项的文本  
     
     var item = $("select[name=items] option[selected]").text();  
     
     select下拉框的第二个元素为当前选中值  
     
     $('#select_id')[0].selectedIndex = 1;  
     
     radio单选组的第二个元素为当前选中值  
     
     $('input[name=items]').get(1).checked = true
     
         
     获取值: 
     
       
     
     文本框,文本区域:$("#txt").attr("value");  
     
     多选框checkbox:$("#checkbox_id").attr("value");  
     
     单选组radio: $("input[type=radio][checked]").val();  
     
     下拉框select: $('#sel').val(); 
     
         
     
     控制表单元素:  
     
     文本框,文本区域:$("#txt").attr("value",'');//清空内容  
     
    $("#txt").attr("value",'11');//填充内容 
     
        
     多选框checkbox: $("#chk1").attr("checked",'');//不打勾  
     
     $("#chk2").attr("checked",true);//打勾  
     
     if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 
     
         
     
     单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项  
     
     下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项  
     
     $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option  
     
    $("#sel").empty();//清空下拉框 
     
         
     
     刚开始接触jquery,很多东西不熟悉  
     
     在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值 
     
        
     
     后来终于在伟大的百度帮助下,找到了问题的原因:  
     
     $("")是一个jquery对象,而不是一个dom element 
     
         
     
     value是dom element的属性 
     
       
     
     jquery与之对应的是val 
     
        
     val() :获得第一个匹配元素的当前值。 
     
       
     
     val(val):设置每一个匹配元素的值。 
     
        
     
     所以,代码应该这样写: 
     
        
     取值:val = $("#id")[0].value;  
     赋值:  $("#id")[0].value = "new value";  
     
     或者$("#id").val("new value"); 
     
        
     
     或者这样也可以:val = $("#id").attr("value");
     
     
     
    jQuery中each非常好用,常用它取代javascript的for循环
     
    例如在一个function里有一个each,在each里某种条件 成立的话,就把这个function返回true或者false
     
    function methodone(){
    ....
    $.each(array,function(){
    if(条件成立){
    return true;
    }
    });
    ....
    }
     
    结果发现老是不对。
     
    后来查找资料才发现,在each代码块内不能使用breakcontinue,要实现breakcontinue的功能的话,要使用其它的方式
    break----用return false;
    continue --用return ture;
     
    所以当我在each里想使用return true给这个function返回时,其实只是让each继续执行而以
    连each都没有中断,所以function也就不能return了 
     
    另:判断radio是否选中并取得选中的值
     
    如下所示:
    function checkradio(){
    var item = $(":radio:checked");
    var len=item.length;
    if(len>0){
      alert("yes--选中的值为:"+$(":radio:checked").val());
    }
    }
  • 相关阅读:
    JS中 try...catch...finally (转)
    Npm基本指令(转)
    常用Dos(转)
    理解Node.js异步非阻塞I/O与传统线性阻塞IO的区别(转)
    Java 连接 Access数据库方式
    感知器-从零开始学深度学习
    Oracle的SQL语句中如何处理‘&’符号
    (转)远程桌面超出最大连接数怎么办
    url中含有%
    (转)silverlight应用程序中未处理的错误代码:2104 类别:InitializeError
  • 原文地址:https://www.cnblogs.com/telwanggs/p/5305551.html
Copyright © 2011-2022 走看看