Javascript 单选按钮&；复选框错误

我有两个收音机。 一个称为“锁定”，另一个称为“解锁”

锁定和解锁按钮，如下所示：

<label>
<input name="radiogroup_<?php echo $RepeatSelectionCounter_2; ?>" type="radio" value="Y" id="locked" <?php if (!(strcmp($row_MultipleLOPStatus['LOPStatus'],"Y"))) {echo "checked=\"checked\"";} ?> >  Lock
 </label> 

 <label>
<input <?php if (!(strcmp($row_MultipleLOPStatus['LOPStatus'],"N"))) {echo "checked=\"checked\"";} ?> name="radiogroup_<?php echo $RepeatSelectionCounter_2; ?>" type="radio" value="N"  id="unlocked">
Unlock
</label>

你能创建一个小提琴，这样我们就可以在里面看到代码了吗action@DarrenSweeney目前，它全部使用动态数据。因此，做一些补充-当您使用实际代码而不是仅仅阅读时，测试/调试要容易得多it@DarrenSweeney屏幕截图如何？运行代码，将呈现的html复制到小提琴中，然后添加javascript——这非常简单
<label class="css-input switch switch-success">
<input type="checkbox" name="completed" value="5" id="completed" <?php if (!(strcmp($row_EditJobStatus['Status'],5))) {echo "checked=\"checked\"";} ?> ><span></span> Choose if you completed your job!

 <script>
        var completed = $("input[type='checkbox'][value='5']");
var unlocked = $("input[type='radio'][value='N']");

completed.on('change', function(){
    unlocked.prop('checked',this.checked);
});
        </script>

 <script>

 $(document).on("click", "input[id='unlocked']", function(){
    thisRadio = $(this);
    if (thisRadio.hasClass("imChecked")) {
        thisRadio.removeClass("imChecked");
        thisRadio.prop('checked', false);
    } else { 
        thisRadio.prop('checked', true);
        thisRadio.addClass("imChecked");
    };
})

</script>

<script>

 $(document).on("click", "input[id='locked']", function(){
    thisRadio = $(this);
    if (thisRadio.hasClass("imChecked")) {
        thisRadio.removeClass("imChecked");
        thisRadio.prop('checked', false);
    } else { 
        thisRadio.prop('checked', true);
        thisRadio.addClass("imChecked");
    };
})

</script>