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