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代码

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

按钮button：设置按钮失效

$("#button1").attr("disabled", "disabled");