如何在jquery中检查submit按钮中的单选按钮值和鼠标悬停

当我选中radio按钮1和鼠标越过BTN时，我有一些问题，在radio 1和radio 2复选框中，它们都会消失。我只想使用一个radiobtn1，不想使用radiobtn2

   $('#radio1').attr("checked")

    if($("#radio1").is(":checked"))


    $( "#btnview" ).mouseover(function() {
      $( "div.overlay" ).fadeIn( 300 );
    });

    $( "#btnview" ).mouseout(function() {
      $( "div.overlay" ).fadeOut( 100 );
    });

    }else{

      alert("security")
    }
<label for="radio-1" id="textradio">Aggregate</label>
<input type="radio" name="linebarone" id="radio1" value="a" checked  />
<label for="radio-2" id="textradio">By Security</label>
<input type="radio" name="linebarone" id="radio2" value="s"  checked  />
<td valign="middle" align="left"> <input type="button" style="margin-left:27px" id='btnview' class="button btn-download_mkt" name="view" value=""/></td>
<div class='overlay'style="Padding:4px">Only one month</div>

演示：

说明：

您希望在将鼠标悬停在按钮上时检查radio1是否被选中，而在加载文档时检查您的版本

$btnview.mouseover设置一个事件处理程序，每当光标悬停在btnview上时，该处理程序都将触发。这意味着您的文档实际加载并遵循以下路径：

无线电一号检查了吗？是的。 设置事件处理程序，以便在鼠标悬停在按钮上时显示覆盖。 鼠标悬停在按钮上-触发事件处理程序。 在我的示例中，它执行以下操作：

设置鼠标悬停在按钮上时的事件处理程序。 鼠标悬停在按钮上。 无线电一号检查了吗？如果是，则显示覆盖图。

---

但是，无论选择哪个单选按钮，当鼠标离开按钮时，覆盖都应隐藏。这可确保在选择radio2时，如果覆盖层以某种方式显示，则不会使其永久可见。

您还签入了radio2

  $("#btnview").mouseover(function() {
    if($("#radio1").is(":checked")) {
      $( "div.overlay" ).fadeIn( 300 );
    }
  });

  $( "#btnview" ).mouseout(function() {
    $( "div.overlay" ).fadeOut( 100 );
  });