Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单选按钮开/关触发器仅单向工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript 单选按钮开/关触发器仅单向工作

Javascript 单选按钮开/关触发器仅单向工作,javascript,jquery,html,Javascript,Jquery,Html,这是一段时间以来我遇到的最愚蠢的事情。我无法通过设置简单的单选按钮来切换页面上的某些内容 <label for="completeSw"><span>Completed?</span></label> <input type="radio" id="completeSw" name="completeSw" value="1"/>Yes <input type="radio" id="completeSw" name="compl

这是一段时间以来我遇到的最愚蠢的事情。我无法通过设置简单的单选按钮来切换页面上的某些内容

<label for="completeSw"><span>Completed?</span></label>
<input type="radio" id="completeSw" name="completeSw" value="1"/>Yes
<input type="radio" id="completeSw" name="completeSw" value="0" checked="checked"/>No<br/>

也许我不应该使用是/否无线电对,而是使用单个复选框?在我看来,这种方式(单选按钮)更加人性化和优雅。

有些浏览器在提示(message),message=null时不会执行任何操作。由于未选中字段没有选中属性,因此可能是这样:)

尝试:


当警报(message),message=null时,某些浏览器不会执行任何操作。由于未选中字段没有选中属性,因此可能是这样:)

尝试:


ID必须是唯一的,因此它只能在您的页面上找到第一个ID。改用类。

ID必须是唯一的,因此它只能在页面上找到第一个。改用类。

实际上,ID必须是唯一的,但不需要2个ID。您将只监视一个收音机中的更改。例如,“是”值

完成了吗?
对
否

并且您将只处理该元素的
checked
属性。True—“是”,False—“否”

真的,ID必须是唯一的,但您不需要两个ID。您将只监视一个收音机中的更改。例如,“是”值

完成了吗?
对
否

并且您将只处理该元素的
checked
属性。正确-“是”,错误-“否”

这是分开的,但您使用的标签也有点错误。该标签旨在扩展单击区域,以便有人可以单击“是”一词,单选按钮将激活。希望这能帮你一点忙

<span>Completed?</span>
<input type="radio" id="completeSwYes" name="completeSw" value="1"/><label for="completeSwYes">Yes</label>
<input type="radio" id="completeSwNo" name="completeSw" value="0" checked="checked"/><label for="completeSwNo">No</label><br/>

<script type="text/javascript" charset="utf-8">
    // If the radio button value is one then this evaluates to true.
    var completeSW;
    jQuery("input[type='radio'][name='completeSw']").change(function() {
        completeSW = (jQuery(this).val() == 1);
        alert("completeSW checked? " + completeSW);
    });
</script>
完成了吗?
对
否
//如果单选按钮值为1,则计算结果为真。 var completeSW; jQuery(“输入[type='radio'][name='completeSw']”)。更改(函数(){ completeSW=(jQuery(this).val()==1); 警报(“已检查完成?”+completeSW); });
这是单独的,但您使用的标签也有点错误。该标签旨在扩展单击区域,以便有人可以单击“是”一词,单选按钮将激活。希望这能帮你一点忙

<span>Completed?</span>
<input type="radio" id="completeSwYes" name="completeSw" value="1"/><label for="completeSwYes">Yes</label>
<input type="radio" id="completeSwNo" name="completeSw" value="0" checked="checked"/><label for="completeSwNo">No</label><br/>

<script type="text/javascript" charset="utf-8">
    // If the radio button value is one then this evaluates to true.
    var completeSW;
    jQuery("input[type='radio'][name='completeSw']").change(function() {
        completeSW = (jQuery(this).val() == 1);
        alert("completeSW checked? " + completeSW);
    });
</script>
完成了吗?
对
否
//如果单选按钮值为1,则计算结果为真。 var completeSW; jQuery(“输入[type='radio'][name='completeSw']”)。更改(函数(){ completeSW=(jQuery(this).val()==1); 警报(“已检查完成?”+completeSW); });
或使用本应执行此任务的
名称
。或使用本应执行此任务的
名称
。或者像这样,您可以删除
for
属性:
Yes
或类似这样,您可以删除
for
属性:
Yes
<label for="completeSw"><span>Completed?</span></label>
<input type="radio" id="completeSw" name="completeSw" value="1"/>Yes
<input type="radio" name="completeSw" value="0" checked="checked"/>No<br/>
<span>Completed?</span>
<input type="radio" id="completeSwYes" name="completeSw" value="1"/><label for="completeSwYes">Yes</label>
<input type="radio" id="completeSwNo" name="completeSw" value="0" checked="checked"/><label for="completeSwNo">No</label><br/>

<script type="text/javascript" charset="utf-8">
    // If the radio button value is one then this evaluates to true.
    var completeSW;
    jQuery("input[type='radio'][name='completeSw']").change(function() {
        completeSW = (jQuery(this).val() == 1);
        alert("completeSW checked? " + completeSW);
    });
</script>