當單選框改變時觸發事件javascript
<input type="radio" name="isclient" value="1" checked id="customer"><label for="customer">是</label> <input type="radio" name="isclient" value="2" id="nocustomer"><label for="nocustomer">否</label>
var radio=$('input[name="isclient"]'); radio.change(function(){ var isclient = $(this).val(); if(isclient=='1'){ alert("111"); }else{ alert("222");
} });
可是須要注意的是,若是外部函數須要經過對單選框的值進行判斷來進行相應操做html
如:java
function check(){ var val=$('input[name="isclient"]').val(); if(val=='1'){ alert("111"); }else{ alert("222"); } }) $(".btn").click(function(){ check(); });
切換radio值並提交發現val的值並不會改變一直都是爲1的狀態函數
後來發現直接賦值後,在改變時須要更新val的值this
改爲了htm
var isclient = $('input[name="isclient"]').val(); radio.change(function(){ isclient = $(this).val(); if(isclient=='1'){ //操做1 }else{ //操做2 } }); $(".btn").click(function(){ check(isclient); }); function check(isclient){ if(isclient=='1'){ //操做3 }else{ //操做4 } }