zoukankan      html  css  js  c++  java
  • jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

    例:将多个选中的checkbox的值组装成一个字符串

    <script type=text/javascript>
    function addMem(){
    //var followers = document.getElementsByName("followers");
    var f_str = '0';
    $("input[@name='followers']").each(function(){
       if($(this).attr("checked")==true){
        f_str += ","+$(this).attr("value");
       }
    })
    alert(f_str);
    }
    </script>

    =====================

    例:取选中的radio的值

    var gender = $('input[@name=gender][@checked]').val();

    =====================

    转别人的一些东西:

    jquery判断checkbox是否被选中

    在html的checkbox里,选中的话会有属性checked="checked"。

    如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!

    如果没被选中,打印出的是"undefined"。觉得很奇怪是吗?继续看下去~

    不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true")

    因为这么做是错的,jQuery的API手册上写,attr(name)的返回值是object。

    所以,应该是if($"#xxx".attr("checked")==true)

    ====================================

    jquery全选/取消选择checkbox示例:

    <input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
    <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
    <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
    <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
    <input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选

    1. <script type="text/javascript">
    2. <!--
    3. $(function() {
    4. $("#checkedAll").click(function() {
    5. if ($(this).attr("checked") == true) { // 全选
    6.    $("input[@name='checkbox_name[]']").each(function() {
    7.    $(this).attr("checked", true);
    8.   });
    9. } else { // 取消全选
    10.    $("input[@name='checkbox_name[]']").each(function() {
    11.    $(this).attr("checked", false);
    12.   });
    13. }
    14. });
    15. });
    16. //-->
    17. </script>

    =================================================

    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();//清空下拉框

  • 相关阅读:
    New version of VS2005 extensions for SharePoint 3.0
    QuickPart : 用户控件包装器 for SharePoint Server 2007
    随想
    发布 SharePoint Server 2007 Starter Page
    如何在SharePoint Server中整合其他应用系统?
    Office SharePoint Server 2007 中文180天评估版到货!
    RMS 1.0 SP2
    SharePoint Server 2007 Web内容管理中的几个关键概念
    如何为已存在的SharePoint站点启用SSL
    Some update information about Office 2007
  • 原文地址:https://www.cnblogs.com/colder/p/1923292.html
Copyright © 2011-2022 走看看