zoukankan      html  css  js  c++  java
  • 当切换select时,获取select选中的值;获取选中的单选按钮的val,判断复选框是否选中

    一、下拉列表

    js:

    $("select").change(function(){
        alert($("select option:selected").val());//再次获取该select的方式获取选中的值
        alert($(this).find("option:selected").text());//使用this的方式获取选中的值
    });

    说明:如果select可以多选则返回一个数组。

    html:select单选

    <body style="height:1000px;">

            <select size="3">
                <option value="1">aaa</option>
                <option value="2">bbb</option>
                <option value="3">ccc</option>
                <option value="4">ddd</option>
                <option value="5">eee</option>
            </select>
        
        </body>

    html:select多选

    <body style="height:1000px;">

            <select size="3">
                <option value="1">aaa</option>
                <option value="2">bbb</option>
                <option value="3">ccc</option>
                <option value="4">ddd</option>
                <option value="5">eee</option>
            </select>
        
        </body>

    二、单选按钮(获取选中按钮的val)

    js:

    alert($("input:radio:checked").val());

    html:

    <form>
    男性:
    <input type="radio" checked="checked" name="Sex" value="male" />
    <br />
    女性:
    <input type="radio" name="Sex" value="female" />
    </form>

    三、复选框(判断是否选中)

    js:

    alert($("input[name='Bike']").prop("checked"));
    alert($("input[name='Car']").prop("checked"));

    html:

    <form>
    我喜欢自行车:
    <input type="checkbox" name="Bike">
    <br />
    我喜欢汽车:
    <input type="checkbox" name="Car">
    </form>

  • 相关阅读:
    git整理
    oracle中utl_raw
    mysqltest语法整理
    oracle存储过程中拼接字符串及转义逗号
    oracle存储过程中循环游标,变量的引用
    oracle触发器
    oracle序列相关
    编译1
    面向对象的脚本语言的类的实现
    词法分析器
  • 原文地址:https://www.cnblogs.com/baoliwei/p/4372176.html
Copyright © 2011-2022 走看看