将jquery转换为javascript以突出显示单选按钮/复选框的父div

下面的代码向复选框/单选按钮的父级添加一个类，以高亮显示单选按钮和标签

下面是我需要转换为JavaScript的jQuery代码。 我对jQuery和JavaScript都是新手

任何指点都将不胜感激

$('form input[type=checkbox]').click ( function(){
    var $this = $(this);
    if (this.checked)
    {   $(this).parent().addClass("highlight"); }
    else
    { $(this).parent().removeClass("highlight");    }
})

$('form input[type=radio]').change(function(){
    var $this = $(this);
    $this.parent().parent().find('label.highlight').removeClass('highlight');
    $(this).parent().addClass("highlight");
});

---

我想我找到了解决办法

但我相信这不是最有效的代码，所以如果你能想出更好的选择，那么一定要让我知道

   function checkBox(obj) {
   object=obj;

   if (object.checked){
    object.parentElement.classList.add("highLight1");
   }
   else {
    object.parentElement.classList.remove("highLight1");
   }
   }


   function highlight(obj) {
   object = obj;

   var radios = document.getElementsByName("A1");

   for(var i = 0; i < radios.length; i++) {
     if(radios[i].checked){
    radios[i].parentElement.classList.add("highLight1");
    }
    else {
        radios[i].parentElement.classList.remove("highLight1");
    }
   }
   }

功能复选框（obj）{
对象=obj；
if（object.checked）{
object.parentElement.classList.add（“highLight1”）；
}
否则{
object.parentElement.classList.remove（“highLight1”）；
}
}
功能突出显示（obj）{
对象=obj；
var radios=document.getElementsByName（“A1”）；
对于（变量i=0；i

有很多jquery->js站点可以用于此，这里有一个：这个站点也是用来提问来解决问题的。不要因为你不想让专家重写你的代码。请看。