Question

下面是一个javascript，它能够获得输入值＆amp;需要外部图书馆。

我知道这看起来很奇怪，但我必须使用javascript从输入标题中获取价格，不需要外部库。可以从输入标题开始工作吗？

<?php
include_once('database_conn.php');
$sqlCDs = 'SELECT CDID, CDTitle, CDYear, catDesc, CDPrice FROM nmc_cd b inner join nmc_category c on b.catID = c.catID WHERE 1 order by CDTitle';
$rsCDs = mysqli_query($conn, $sqlCDs);
while ($CD = mysqli_fetch_assoc($rsCDs)) {
    //have a look at the input field below
    echo "\t<div class='item'>
            <span class='CDTitle'>{$CD['CDTitle']}</span>
            <span class='CDYear'>{$CD['CDYear']}</span>
            <span class='catDesc'>{$CD['catDesc']}</span>
            <span class='CDPrice'>{$CD['CDPrice']}</span>
            <span class='chosen'><input type='checkbox' id="yourId"  name='CD[]' value='{$CD['CDID']}' title='{$CD['CDPrice']}' /></span>
        </div>\n";
}
?>

JS：

    function isChecked(chosen) {
//and here it is called again
var valOfTitle = document.selectElementById("yourId").getAttribute('title');
   var number = parseFloat(valOfTitle);
    if(chosen.is(':checked')) {
        sum = sum + parseFloat(valOfTitle);
    } else {
        sum = sum - parseFloat(valOfTitle);
    }
    $('#total').valOfTitle(sum.toFixed(2));
};

Answer 1

我希望我理解正确：

您可以通过jQuery的input方法访问attr()字段中的数据。

// "valOfTitle" is just a name..could also be "george" or "germany"
// "yourInputElementId needs to be the id of your element (written in 
// "")  
var valOfTitle = $(yourInputElementId).attr('title');

没有jQuery：

var valOfTitle = document.selectElementById(yourInputFieldId).getAttribute('title');

如果您想将它作为一个数字，您可以这样做：

var number = parseFloat(valOfTitle);

如果你不想在你的元素中添加一个id，你也可以使用另一个javascript选择器，p.e。 getElementsByName - 但请注意：这将返回HTML集合而不是单个元素，这意味着您必须遍历此集合才能访问您的数据。

http://www.w3schools.com/jsref/met_doc_getelementsbyname.asp

也许谷歌搜索也可以帮到你：

https://www.google.de/search?q=javascript+selectors&oq=javascript+selectors&aqs=chrome..69i57.4015j0j7&sourceid=chrome&es_sm=91&ie=UTF-8#q=pure+javascript+selectors

甚至

How can I use the jQuery-like selector in pure JavaScript

Answer 2

如果您不想使用任何外部库，请使用getAttribute。

element.getAttribute("title")

使用javascript从输入标题中获取总和

2 个答案: