wie zu übergeben, checkbox Wert an javascript-Funktion

mein code ist :

<input type="checkbox" name="area" id="area" value="0">Some Text1</input>
<input type="checkbox" name="area" id="area" value="80">Some Text2</input>

- und javascript-code ist

function calc(){var textValue1 = document.getElementById('quantity').value;
var textValue2 = document.getElementById('area').value;
document.getElementById('cost').value = textValue1 * textValue2 ; }

aber es funktioniert nicht.

Wo ist dein PHP-code?
append entsprechenden html-code
Ihre HTML-checkbox hat die gleiche id in beiden. Sollte es anders sein, für beide der Kontrollkästchen.
verwenden müssen diifernt ids für die insertion nicht gleich

InformationsquelleAutor Niger Sultana | 2017-02-16

  1. 0

    Beispiel durch die Verwendung von JQuery...

    <!DOCTYPE html>
<html>
<head>
    <title></title>

    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script type="text/javascript">
        $( document ).ready(function() {

            $( "#target" ).submit(function( event ) {
                $('input[name="vehicle"]:checked').each(function() {
                    console.log(this.value);
                });

                return false;
            });

        });
    </script>
</head>
<body>
    <form id='target' action="/action_page.php">
        <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
        <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

    InformationsquelleAutor Suresh

  2. 0

    versuchen Sie die unten JS-code in der Konsole. Sie können es verwenden, nach den Ereignissen u wollen

    var checkedValue = null; 
var inputElements = document.getElementsByName('area');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}

    InformationsquelleAutor dhpratik

Schreibe einen Kommentar