js 总结累计大全

最新推荐文章于 2020-08-30 23:23:00 发布

霸气工作室

最新推荐文章于 2020-08-30 23:23:00 发布

阅读量345

点赞数

分类专栏： JQUERY

本文链接：https://blog.csdn.net/QIU1988YANG/article/details/54630762

版权

文本输入框    计算器

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>无标题</title>
        <script type="text/javascript">
        function sum(obj) {
            var a = document.getElementById("a");
            var b = document.getElementById("b");
            var s = document.getElementById("sum");
            if(a.value === "" || b.value === "") {
                return;
            } 
            s.value = parseInt(a.value) + parseInt(b.value);
        }
        </script>
    </head>
    <body>
        <input type="text" id="a" οnkeyup="sum(this);" />
        <input type="text" id="b" οnkeyup="sum(this);" />
        <input type="text" id="sum" />
    </body>
</html>

js全选

<SCRIPT type="text/javascript">
$(document).ready(function() {
    $("#checkedAll").click(function(){
        //try{
    if($(this).attr("checked") == true){ //check all
            $("input[name='checkbox_name']").each(function(){
                $(this).attr("checked",true);
            });
        }else{
            $("input[name='checkbox_name']").each(function(){
                $(this).attr("checked",false);
            });
        }
        //}catch(e){
        //alert(e.description+e.name+e.message)
        //}    });
});
</SCRIPT>
    <div class="components-list">
        <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"/>全选/取消全选
    </div>

jQuery获取Select选择的Text和Value:

语法解释：
1. $("#select_id").change(function(){
  //code...});   //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select_id").val();  //获取Select选择的Value4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值jQuery设置Select选择的 Text和Value:
语法解释：
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

选中checkbox：

最低0.47元/天解锁文章

霸气工作室

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 总结累计大全

文本输入框计算器 "Content-Type" content="text/html; charset=utf-8" /> 无标题 "text/javascript"> function sum(obj) { var a = document.getElementById("a");
复制链接

扫一扫