jquery的radio的change事件

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

Allot

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事件
 Allot

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的值
});

————————————————
版权声明:本文为CSDN博主「牛奔」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Guzarish/article/details/118627020

您可能还会喜欢: