监控单选按钮未选中时的状态。

10 浏览
0 Comments

监控单选按钮未选中时的状态。

我有一个应用程序，当选择某个单选按钮时会显示一个div，当取消选择该单选按钮时会隐藏该div。问题是，附加到单选按钮的change事件只在选中单选按钮时调用，而不是在选中另一个单选按钮时（取消选中之前的单选按钮）。我的当前代码如下：


    

        

        

        
类型

        

        
列出一组记录

        

        
将不同的字段值进行分解以进行比较

        

        
提供一组年份内记录的变化情况，用于增长比较

        

        
按学校、地区或年级进行学生分解

这似乎是一个非常简单的脚本，但事件只在选中时调用，而不在取消选中时调用。有人能告诉我为什么吗？

0

2 答案

0 Comments

问题的原因是，当使用$('input[name="myRadio"]').val()获取单选按钮的值时，它返回的是第一个单选按钮的值，而不是被选中的单选按钮的值。

解决这个问题的方法是，在change事件中使用$(this).val()来获取被选中的单选按钮的值。这样就可以正确地获取到被选中的单选按钮的值。

0
0 Comments

当一个单选按钮未选中时进行监视的原因是为了根据选中的按钮来执行不同的操作。在给单选按钮添加事件处理程序时，如果直接处理每个按钮的更改事件，无法确定哪个按钮被选中。为了解决这个问题，可以处理单选按钮组的更改事件，并在事件处理程序中查看哪个按钮被选中。

以下是一个示例代码，用于说明如何处理单选按钮组的更改事件，并根据选中的按钮执行不同的操作：

$("input[name='type']").change(function(e){
    if($(this).val() == 'history') {
        $year.css({display:'none'});
        $datespan.fadeIn('fast');
    } else {
        $datespan.css({display:'none'});
        $year.fadeIn('fast');
    }
});

这段代码通过处理单选按钮组的更改事件来确定选中的按钮，并根据选中的按钮执行不同的操作。如果选中的按钮的值等于"history"，则隐藏$year元素并显示$datespan元素；否则，隐藏$datespan元素并显示$year元素。

另一种更通用的方法是使用`if( $(this).is(':checked') )` 来检查单选按钮是否被选中。但是，这种方法在监视单选按钮集合时可能不起作用，因为需要知道哪个按钮被选中。

以下代码是一个例子，说明了如何根据选中的单选按钮获取其值：

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

这段代码通过选择器`"input:radio[name ='managerelradio']:checked"`来选择选中的单选按钮，并使用`.val()`方法获取选中的按钮的值。

以上内容介绍了当单选按钮未选中时进行监视的原因和解决方法。处理单选按钮组的更改事件，并根据选中的按钮执行相应的操作是解决该问题的一种方法。另外，可以使用`$(this).is(':checked')`来检查单选按钮是否被选中，或者使用`$("input:radio[name ='managerelradio']:checked").val()`来获取选中的单选按钮的值。

0