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");