Javascript 如何更改单击复选框文本位置

我试图做的是在我下面的代码中，当我点击复选框时，测试段落显示在中间，当我松开复选框时，测试段落显示在右边，使用css html javascript

但在我下面的代码中，它不会发生

我们怎么办

函数myFunction（）{
var checkBox=document.getElementById（“myCheck”）；
var text=document.getElementById（“text”）；
如果（checkBox.checked==true）{
text.style.display=“块”；
}否则{
text.style.display=“无”；
}
}

复选框：
测试
 

const myChk=document.getElementById（“myCheck”）
，elText=document.getElementById（“文本”）
;
myChk.onclick=e=>
{
if（myChk.checked&&elText.className==='noDisplay'）
text.className=“”
如果（！myChk.checked&&elText.className==“”）
text.className='rightDisplay'
}

#文本{
宽度：200px；
高度：100px；
填充：10px 20px；
背景颜色：粉红色；
}
.noDisplay{
显示：无
}
.右显示{
浮球：对
}

复选框：
测试代码中没有下拉列表。你是说选择HTML元素吗？你说的是在我们看不到的下拉列表中定位。你需要创建适当的CSS和HTML，没有它没有人能帮助你。你现在什么都不做，只是露个面，witch与您的问题无关。@ikiK我在我的代码中发布了当我单击复选框然后在中心显示测试段落，当我未选中时，它会显示在右侧，但在我的上面代码中，现在发生的是当我单击复选框时，它会显示在中心，当我松开它的隐藏时，我会尝试做什么我单击复选框，然后在中间显示测试段落，当我取消选中时，它的显示右侧在这方面有什么帮助吗