jQuery处理html元素radio,input,button

参考http://www.cnblogs.com/zengmiaogen/archive/2012/04/15/2450416.html

单选框

(1)默认选中:checked属性 比如日
(2)默认失效:disabled属性 比如月
(3) 选中值改变,JS获取选中值,两种方法
(4)JS 控制raido失效或有效
html代码

//默认选中
    <div onchange="getRadio()"><input type="radio" id="year" name="timeSelectedType" value="0" /><input type="radio" id="month" name="timeSelectedType" value="1" disabled /><input type="radio" id="date" name="timeSelectedType" value="2"
            checked="true" />
    </div>
    <button id="disableRadio">按钮失效</button>
    <button id="enableRadio">按钮有效</button>

js代码


<script>
    $("#disableRadio").click(function() {
        document.getElementById("date").disabled = true;
    });
    $("#enableRadio").click(function() {
        document.getElementById("date").disabled = false;
    })
    function getRadio() {
        var radioValue2 = $('input[name="timeSelectedType"]:checked').val();
        var radioValue = $('input:radio:checked').val();
        //如果单选框的值改变了,做如下处理
        alert(radioValue);
    }
</script>

input元素: 获取,设置值,设置只读属性

html代码

<input type="text"  id="sensorName" name="sensorName" />

js代码
参考 jQuery控制input不可编辑

<script type="text/javascript">
var sensorName=$("#sensorName").val(); //获取input的值
$("#sensorName").val(sensorName); //设置选择的input的值
$("#sensorName").attr("readonly", "readonly"); // 给input设置只读属性
$("#sensorName").removeAttr("readonly"); // 从元素中移除 readonly 属性:
</script>

按钮button:设置按钮失效

$("#button1").attr("disabled", "disabled");
posted on 2017-01-06 16:48  dreamstar  阅读(134)  评论(0编辑  收藏  举报