Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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在末尾添加css文本_Javascript_Css - Fatal编程技术网

JavaScript在末尾添加css文本

JavaScript在末尾添加css文本,javascript,css,Javascript,Css,我的代码它正在工作,我只需要在未检查收音机的情况下按continue,在问题的末尾它将显示require。我不知道如何使用JavaScript实现这一点 我也尝试了问题[j].className=“highlight” HTML: JavaScript: function validateForm(cname) { var questions = document.getElementsByClassName(cname); formValid = tr

我的代码它正在工作,我只需要在未检查收音机的情况下按continue,在问题的末尾它将显示
require
。我不知道如何使用JavaScript实现这一点

我也尝试了
问题[j].className=“highlight”

HTML:

JavaScript:

 function validateForm(cname) {
        var questions = document.getElementsByClassName(cname);
            formValid = true;
        for( var j=0; j<questions.length; j++ ) {
            if( !isOneInputChecked(questions[j], "radio") ) {
                formValid = false;

                questions[j].style.border = "2px solid red";
                // i use loop to target each question here i change css.

            }
        }
        return formValid;
}

function isOneInputChecked(sel) {
        var inputs = sel.getElementsByTagName('input');
        for (var k=0; k<inputs.length; k++) {
            if( inputs[k].checked )
                return true;
        }
        // End of the loop, return false
        return false;
}
函数validateForm(cname){
var questions=document.getElementsByClassName(cname);
formValid=true;

对于(var j=0;j,使用CSS::after伪元素就可以了

CSS技巧对::after/::before伪元素有很好的描述

.highlight::after{
内容:“*要求”;
颜色:红色;
}

函数validateForm(cname){
var questions=document.getElementsByClassName(cname);
formValid=true;

对于(var j=0;jc)您可以尝试重新粘贴我的代码吗?一旦我有2个问题,它就不再有效了。什么不起作用?请确保包括问题[j]。className=“突出显示”,这在您最初发布的代码中不存在。它可以工作。但是当我有两个问题时,代码将不再工作。您将看到第二个问题不会有它,我猜类名只会触发一次。
.highlight{
   content: "*";
   color:red;
}
 function validateForm(cname) {
        var questions = document.getElementsByClassName(cname);
            formValid = true;
        for( var j=0; j<questions.length; j++ ) {
            if( !isOneInputChecked(questions[j], "radio") ) {
                formValid = false;

                questions[j].style.border = "2px solid red";
                // i use loop to target each question here i change css.

            }
        }
        return formValid;
}

function isOneInputChecked(sel) {
        var inputs = sel.getElementsByTagName('input');
        for (var k=0; k<inputs.length; k++) {
            if( inputs[k].checked )
                return true;
        }
        // End of the loop, return false
        return false;
}