jquery的radio的change事件

来源:博客园 分类: 文章浏览史 发布时间:2021-01-11 20:29:44 最后更新:2021-01-11 浏览:206
转载声明:
本文为摘录自“博客园”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2021-01-11 20:29:44

一、用的jquery的radio的change事件:当元素的值发生改变时,会发生 change 事件,radio选择不同name值选项的时候恰巧是值发生改变

表单单选框

<input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot

<input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer

复制代码
$(document).ready(function() {
   // jquery的radio的change事件 $(
'input[type=radio][name=bedStatus]').change(function() { if (this.value == 'allot') { alert("Allot Thai Gayo Bhai"); } else if (this.value == 'transfer') { alert("Transfer Thai Gayo"); } }); });
复制代码

1. 获取radio选中的value.

  $('input:radio[name=bedStatus]:checked').val();

2. 选择 radio 按钮(这里的下标取决于有几个name为bedStatus的按钮)

$('input:radio[name=bedStatus]:nth(0)').attr('checked',true);
或者
$('input:radio[name=bedStatus]')[0].checked = true;

3. 重置 radio 按钮.

$('input:radio[name=bedStatus]').attr('checked',false);

 

二、jquery的change事件

 <input type="radio" name="bedStatus" class="symbols_radio" checked="checked" value="allot">Allot

<input type="radio" name="bedStatus" class="symbols_radio" value="transfer">Transfer

   $(function () {
        $(".symbols_radio").change(function () {
           console.log(this.value);  // allot
           console.log(this.name);  // bedStatus
    });

 

三、jquery的click事件:监听type=radio的click事件

$(':radio').clcik(function(){
    var value = $(this).vale()  //获取选中的radio的值
});

 

php技术微信